Tools
▾
🎨 Color Picker
🌈 Gradient Generator
🌑 Box Shadow
📐 Flexbox Playground
🔲 CSS Grid Builder
🔷 SVG Shapes
📋 JSON Formatter
🔍 Regex Tester
All tools →
Learn
▾
HTML
CSS
JavaScript
TypeScript
PHP
React
Laravel
SQL
Git
All learning paths →
Roadmaps
▾
🖥️ Frontend Developer
🐘 PHP Developer
⚡ JavaScript
🌐 Full-Stack
All roadmaps →
Projects
Blog
Code Editor
Sign in
Get Started Free
Home
/
Learn
/
React JS
React React JS
Build component-based interfaces with props, state, effects, forms, routing, and API data.
Lessons
Sign in
to save progress
1
React Tutorial
2
React Home
3
React Intro
4
React Get Started
5
React First App
6
React Render HTML
7
React Upgrade
8
React ES6
9
ES6 Classes
10
ES6 Arrow Functions
11
ES6 Variables
12
ES6 Array map()
13
ES6 Destructuring
14
ES6 Spread Operator
15
ES6 Modules
16
ES6 Ternary Operator
17
ES6 Template Strings
18
React JSX Intro
19
React JSX Expressions
20
React JSX Attributes
21
React JSX If Statements
22
React Components
23
React Class
24
React Props
25
React Props Destructuring
26
React Props Children
27
React Events
28
React Conditionals
29
React Lists
30
React Forms
31
React Forms Submit
32
React Textarea
33
React Select
34
React Multiple Inputs
35
React Checkbox
36
React Radio
37
React Portals
38
React Suspense
39
React CSS Styling
40
React CSS Modules
41
React CSS-in-JS
42
React Router
43
React Transitions
44
React Forward Ref
45
React HOC
46
React Sass
47
React Hooks
48
What is Hooks?
49
React useState
50
React useEffect
51
React useContext
52
React useRef
53
React useReducer
54
React useCallback
55
React useMemo
56
React Custom Hooks
57
React Cert
58
React Certificate
59
React Exercises
60
React Compiler
61
React Quiz
62
React Syllabus
63
React Study Plan
64
React Server
65
React Interview Prep
66
React Bootcamp
React
React JS
Build component-based interfaces with props, state, effects, forms, routing, and API data.
Start First Lesson →
Our Network
GizDevCraft
40+ Free Developer Tools
GizBotArena
Device Platforms
GizCalc
750+ Free Calculators