Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
React Fundamentals (Udacity)
Why React?
Intro (0:16)
What is Composition? (1:09)
What is Declarative Code? (1:09)
Unidirectional Dataflow (0:43)
"Just JavaScript" (0:35)
Why React? Outro (0:05)
Rendering UI with React
Lesson 2 Intro (0:40)
Creating Elements and JSX
Creating Elements (2:14)
Passing Attributes to createElement (1:50)
Nesting createElement calls (0:58)
Array's .map (2:10)
Nesting and JSX (0:46)
createElement to JSX (3:12)
Components (1:02)
Create React App (1:59)
CRA Output (3:04)
Composing with Components (0:46)
Composing Continued (3:15)
Lesson 2 Outro (0:45)
State Management
Intro (0:20)
Project Walkthrough (1:20)
The Server
Passing data with props (1:01)
ListContacts (3:50)
Displaying the Contact Names (2:21)
Passing Data (2:51)
Functional Components (0:30)
Functional Components Cont. (1:21)
Stateless Functional Components Recap
Adding State (1:18)
State (2:02)
Updating State (1:23)
Removing contacts with setState (5:05)
PropTypes (3:40)
Controlled Components (1:59)
DevTools and Controlled Components (6:23)
Showing Contacts (2:31)
Now Showing Component (2:55)
Recaps
Lifecycle Events
Lesson 4 Overview (1:42)
componentDidMount (0:27)
componentDidMount Example (1:48)
Removing Contacts (0:43)
React Router
Router Intro (0:59)
Dynamically Render Pages (2:17)
Adding the back button (3:23)
react-router-dom (0:27)
BrowserRouter (0:11)
Add BrowserRouter (0:47)
Link Component Intro (0:24)
Add Link (1:18)
Route Component (0:28)
Add Route Components (3:35)
Finishing the contact form (3:24)
Handle Submission (3:37)
New Contact (4:48)
Router Outro (0:25)
Course Outro (0:19)
Add BrowserRouter
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock