React Application Programming Literacy (Beginner Level)

  • 25m
  • 25 questions
The React Application Programming Literacy benchmark will measure your ability to describe basic React design principles and get started with simple React applications. You will be assessed on your skills in building simple components in React and prototyping React applications online. A learner who scores high on this benchmark demonstrates that they have the skills to recognize React's place in component-driven development and the basic principles involved in creating React applications.

Topics covered

  • build a simple React prototype on CodePen
  • build multiple components using ES6 classes
  • build simple components using ES6 classes
  • compose multiple simple components to create a complex component
  • configure the Babel preprocessor on CodePen
  • create a DOM hierarchy with nested components
  • create components using functions
  • create elements using JSX and the Babel compiler
  • describe the concepts underlying important React features
  • describe the functionality of the Babel compiler when used with JSX
  • describe what JSX is and its important features
  • describe what the React library is used for
  • describe what the virtual DOM is and know how it is used
  • design components using composition
  • evaluate expressions within JSX
  • implement a simple web page using React APIs
  • install and use create-react-app utilities on the local machine
  • prototype a simple React application on CodeSandbox
  • prototype a simple React application on Glitch
  • recognize smart rendering of elements in React
  • recognize the basic components of the web page built using React
  • run http-server on the local machine to serve web pages
  • use minified, productionized React libraries
  • use ReactDOM.render() to render elements
  • use the key attribute to identify unique sibling elements