Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
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