Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React JS - Til Infinity Course
Overview
Intro and Requirements (7:11)
Setup Our Dev Starter Kit (9:11)
Folders and Files (7:03)
Babel Basics (2:01)
Webpack config (3:06)
React Basics
My First Component (14:39)
why should I care about components? (2:48)
What is the state of a component? (3:32)
class base or functional component (3:19)
Props and children (12:03)
The power of JSX (14:17)
Handling Events (11:09)
Inline Styles (7:54)
Project 1: Counter
Getting Ready To Build Our FIrst Project (7:32)
HTML and CSS for Components (12:29)
Make a reusable button (19:23)
Make the counter functional (12:52)
Make Counter Run Automatically and lifecycles (15:18)
Immutable Data
What is immutability? (15:22)
Create Testing Component (9:28)
Working with Objects in the State (17:23)
Object spread vs Object assign (2:29)
making arrays immutable (19:18)
Using Immutability Helper to Set Values on Objects (10:20)
Merging Objects With Immutability Helpers (7:32)
Immutable Arrays Made Simple (7:32)
Project 2:
Setting up for BillsApp (3:36)
Header html and css (8:40)
Total bills section (9:30)
Bills List (20:19)
Floating Menu (30:57)
Doing Some Fixes (27:20)
Add Bill Component HTML & CSS (22:40)
show and hide form using global state (10:23)
save our bill (19:48)
show all bills and totals (21:38)
create buttons for bills status (17:56)
deleting bills (25:21)
Advance Features
Setting Up To Work on Advance Features (5:51)
Fragments in React (9:50)
how to use refs in react (5:49)
type checking your prop (11:01)
Use ContextApi as a GlobalState (28:19)
React Hooks
state with hooks (17:55)
React Hooks Effects (17:31)
Make the counter functional
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock