Survey with React
Lessons
Welcome
2:07
Overview & Walkthrough
5:32
Requirements
3:40
Setup Sublime Text Project
2:38
npx create-react-app
1:41
Babel and Sublime Text
3:21
Why you should React
6:34
Render Multiple Instances of your React App
3:55
Rendering HTML Data Attributes
4:34
Rendering Multiple Components
3:59
Props Basics
2:19
Props Children
2:22
Rendering Conditional Values
3:56
More on Props
3:51
Set Initial State with Props
3:34
React useEffect Hook
5:57
Lifecycle Methods in a React Class Component
14:50
Functional Props vs Class Props
3:30
Clean App and Use Bootstrap CSS
3:49
Create a Form Input
5:18
Verify Input Type
2:50
Its About Consistency
3:11
Deconstructing Assignment
4:46
Custom Hook for Maximum Reusability
4:21
Rendering Dynamic Inputs
5:39
Extract Data from Dynamic Inputs
6:39
Passing Functions through Props
7:03
Prepare for Radio and Checkbox
4:43
Radio & Checkbox
4:28
Adding CSS Classes
2:23
Cleaning Form Submit Data
5:07
Select Dropdown
5:33
Select Multiple
7:39
A Multi Page Survey
11:23
Form Data to State
7:35
Required Fields
4:18
Chunk Survey into Pieces
8:00
Load Dynamically from JSON
9:19
Fade In Elements with Animate.css
5:41
Thank you and next steps
1:21