Final Exam: Web Apps Developer

WHAT YOU WILL LEARN

• 

  access the previous state of a component
  

  apply error boundaries to catch errors
  

  build simple components using ES6 classes
  

  compare controlled and uncontrolled components for form data
  

  configure the Babel preprocessor on CodePen
  

  create a production build with minified files
  

  describe how DOM reconciliation works
  

  describe the advantages of synthetic events
  

  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
  

  develop a simple application in the create-react-app environment
  

  evaluate conditions using inline logical operators
  

  execute code once a component is mounted to the DOM
  

  extract state from lower-level components
  

  identify props and state in components and describe when they are used
  

  identify the features that make React powerfully
  

  illustrate the use of local state in components
  

  implement a simple application on CodePen
  

  implement a simple web page using React APIs
  

  install and use create-react-app utilities on the local machine
  

  install and work with React Developer Tools
  

  install the NodeJS libraries and the npm package manager on MacOS
  

  install the NodeJS libraries and the npm package manager on Windows
  

  pass data into components using props
  

  perform conditional rendering using variables
  

  perform specific validations on props
• 

  prevent the browser's default event handling
  

  recall how controlled components work in forms
  

  recall the differences between props and state
  

  recall the need for client-side validation
  

  recall the use of event propagation in the capture and bubble phases
  

  recognize smart rendering of elements in React
  

  recognize the basic components of the web page built using React
  

  recognize the phases in a React component's lifecycle
  

  render components using conditional evaluation
  

  reuse code using composition
  

  reuse code using inheritance
  

  run http-server on the local machine to serve web pages
  

  sketch the right usage of keys in components
  

  specify default values passed in as props
  

  specify unique keys for list elements
  

  store data within a component using state
  

  store state in higher-level components for synchronization
  

  summarize what happens in the mounting phase of a component's lifecycle
  

  test the form on a web browser
  

  transfer props from higher to lower-level components manually
  

  update state using this.setState() in a component
  

  use minified, productized React libraries
  

  use ReactDOM.render() to render elements
  

  use state within the application
  

  validate data passed into forms
  

  wire up a single event handler for multiple inputs
  

  wire up event handlers to add new comments
  

  wire up event handlers to delete comments
  

  wire up event handlers to elements
  

  wire up event handlers to update the state of a component