Understanding React Components

[MUSIC] 0:00 Hi everyone, I'm Guil, 0:08 I'm happy that you've join me here to continue your React learning journey. 0:10 In React basics, you learn the fundamentals of React by 0:13 building a scoreboard application with basic functionality. 0:17 Along the way we explore key concepts and features of React. 0:20 You created React elements with JSX, built pieces of the UI with components. 0:25 Passed dynamic information into components with props, and 0:30 use state, an event handlers to add interactivity to the app. 0:33 If none of this sounds familiar, be sure to complete the prerequisite for 0:37 this course, then meet me right back here to level your React skills. 0:40 Components, as you've learned, are at the heart of React, 0:44 just about everything in React is a component. 0:47 A component is a function or class that optionally accepts inputs and 0:50 renders a part of your UI. 0:55 So the focus of this course is on different approaches, and 0:57 best practices to write in components that communicate with each other, 1:00 to create dynamic interactive UI's. 1:04 You will build up the scoreboard application by implementing features that 1:06 let you add players. 1:10 Display the total player points, and create a stopwatch with Start, Stop, and 1:11 Reset functionality. 1:15 First, you'll set up and run your React app using a professional built system. 1:17 Then you'll learn how to break up components into independent modules, and 1:21 combine them to build your UI. 1:25 I'll teach new ways to manage state and 1:27 data flow, design patterns to improve the readability of your code and lots more. 1:30 By the end, you will have gained a deeper understanding of React components, and 1:35 some of the technical aspects of react development. 1:38 Away we go. 1:41