Enjoy react key takeaways from a new developer.

Welcome back to my second blog on DEV! I've just completed the project for my second phase at Flatiron School. In our curriculum, each phase focuses on a specific language or framework. The first phase covered JavaScript, while the second phase delved into React.

Key Topics Covered in This Blog:

The Impact of React

useState Hook

Props

Starting with the impact of React on my understanding of web development, it's difficult to overstate its significance. Now, when I scroll through Facebook or click a link, I'm aware that it triggers an onClick event, followed by a GET request and page loading. Understanding this process has been profoundly impactful, and I personally enjoy working with React.

Understanding and Using useState:

Initially, useState posed a challenge. Its syntax and the concept of hooks were new to us as students. However, useState proved crucial for our project and, I believe, for React projects in general. It allows us to update the page dynamically without refreshing it. The useState hook is defined as const [state, setState] = useState(). When setState(Anything) is called, it triggers a re-render and updates the webpage. The state variable holds the value of Anything, which could be data from a fetch request, a boolean for a loading feature, or numerous other uses.

Props:

Props initially seemed daunting but are fundamental to React. They enable components to pass state or functions to child components. This feature allows child components to utilize data or functionality passed down to them.