Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.
Understanding React Components1:42 with Guil Hernandez
Components are at the heart of React. The focus of this course is on different approaches and best practices to writing components that communicate with each other to create dynamic, interactive UIs.
[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
You need to sign up for Treehouse in order to download course files.Sign up