Completed
- Toggle reminder & conditional styling
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
React JS Crash Course
Automatically move to the next video in the Classroom when playback concludes
- 1 - Intro & Slides
- 2 - Create a React app
- 3 - Files & folders
- 4 - App component & JSX
- 5 - Expressions in JSX
- 6 - Creating a component
- 7 - Component Props
- 8 - PropTypes
- 9 - Styling
- 10 - Button Component
- 11 - Events
- 12 - Tasks Component
- 13 - Create a list with .map()
- 14 - State & useState Hook
- 15 - Global state
- 16 - Task Component
- 17 - Icons with react-icons
- 18 - Delete task & prop drilling
- 19 - Optional message if no tasks
- 20 - Toggle reminder & conditional styling
- 21 - Add Task Form
- 22 - Form input state (controlled components)
- 23 - Add task submit
- 24 - showAddTask state
- 25 - Button toggle
- 26 - Build for production
- 27 - JSON Server
- 28 - useEffect Hook & Fetch tasks from server
- 29 - Delete task from server
- 30 - Add task to server
- 31 - Toggle reminder on server
- 32 - Routing, footer & about
