Summary
In this chapter, we discussed some of the core concepts in React applications. We started with the basic anatomy of a React project structure as generated by the Create React App tool. Some of the purposes of the files and folders were explained. We discussed some of the ES6 features, such as using arrow functions, destructuring, and default and named exports.
We also defined components as a core building block of any React application. Two types of components were discussed: class
and function
components. In addition, we discussed props and how to pass information in props. The unidirectional information flow in React was clarified. Finally, we discussed state as a way React manages the internal data.
In the next chapter, we’ll dive deeper into React application development by discussing some of the hooks available in React. This will expose us to some of the advanced topics in React.