Recap

Congratulations, you have learned to bootstrap your first React application! This lesson will provide you a recap to what you have learned so far and will also share how your App.js code looks by now.

Let’s recap what we have covered in this chapter:

  • React
    • Create-react-app bootstraps a React application
    • JSX mixes up HTML and JavaScript to define the output of React components in their render methods
    • Components, instances, and elements are different items in React
    • ReactDOM.render() is an entry point for a React application to hook React into the DOM
    • Built-in JavaScript functionalities can be used in JSX
    • Map can be used to render a list of items as HTML elements
  • ES6
    • Variable declarations with const and let can be used for specific use cases
    • Use const over let in React applications
    • Arrow functions can be used to keep your functions concise
    • Classes are used to define components in React by extending them

Now that you’ve completed the first chapter, it’s advisable to experiment with the source code you have written so far and see what changes you can make on your own. You can find the source code in the official repository.

Your src/App.js should look like the following by now:

Get hands-on with 1400+ tech skills courses.