Try React.js
Learn the fundamentals of React.js in this series. The goal of this series is to get you comfortable with React.js so you can start building more robust projects.
We believe that React.js answers the following questions:
- How do we create our own HTML element? Something like <cfe>Coding forever!</cfe>
- How do we better manage dynamic state (ie ajax calls) with JavaScript?
- How do we make applications that feel more native (ie less page reloads)?
The goal of this series is to introduce you to React.js by creating a real project step by step. There are many layers to React.js so this series will focus on:
- Functional Components
- Hooks & Custom Hooks
- State & useState
- ContextAPI
- Routing & URL Parsing
- Basic API Calls with fetch
Reference
- React.js Setup Guide
- Code
Lessons
1
Welcome
0:00
2
Walkthrough
0:00
3
Install Node.js, Yarn, & Parcel.js
0:00
4
Hello World
0:00
5
Render Two DOM Components
0:00
6
Importing and Exporting Components
0:00
7
Different types of components
0:00
8
onClick Event
0:00
9
The useState Hook
0:00
10
Re-usable Like Button Component
0:00
11
Props for Default Like Count
0:00
12
Dynamically Update the State of a Child Element with useEffect
0:00
13
Child Element updating Parent Element with Prop Callbacks
0:00
14
props.children
0:00
15
setTimeout with useEffect
0:00
16
Context API & useContext
0:00
17
Custom Hooks Part 1
0:00
18
Custom Hooks Part 2
0:00
19
useState with Form Inputs
0:00
20
useRef, FormData & onSubmit
0:00
21
React Router & Handling Urls
0:00
22
fetch & httpBin
0:00
23
Styles, CSS, & SCSS
0:00
24
Build App with Parcel.js
0:00
25
Thank you & next steps
0:00