Chapter 4. Rendering and lifecycle methods in React
This chapter covers
- Getting set up with the application repository
- The rendering process
- Lifecycle methods
- Updating React components
- Creating a newsfeed using React
In this chapter, you’re going to start to pull together some of the concepts and skills we’ve covered so far to create your first React app. In past chapters, we’ve talked about dealing with data in React and the different ways that you can work with mutable (changeable) and immutable (unchangeable) data. But to build even more robust components, you need to take advantage of the full component API, dive into lifecycle methods, and learn about the rendering process in React.
We’ll take a look at rendering, the process that React uses to turn your data into a user interface, and some ways to interact with a component over its lifecycle, called lifecycle methods. You’ll combine this with some of what you already know about reading and modifying data in React (props and state), updating your component state, and passing data to different components.