Completed
- Intro
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
React Crash Course 2024 - Building a Job Listing Frontend
Automatically move to the next video in the Classroom when playback concludes
- 1 - Intro
- 2 - What Is React? Slide
- 3 - Why React? Slide
- 4 - What Are Components? Slide
- 5 - What Is State? Slide
- 6 - What Are Hooks? Slide
- 7 - What Is JSX? Slide
- 8 - SPA, SSR, SSG Slide
- 9 - Vite Slide
- 10 - Project Demo
- 11 - Setup React With Vite
- 12 - File Explanation
- 13 - Boilerplate Cleanup
- 14 - Tailwind CSS Setup
- 15 - JSX Crash Course
- 16 - Start Homepage
- 17 - Navbar Component
- 18 - Image Import
- 19 - Hero Component
- 20 - Props
- 21 - Default Props
- 22 - Wrapper Components
- 23 - JobListings Component
- 24 - Create Lists With map
- 25 - Single JobListing Component
- 26 - Limit Jobs to 3
- 27 - useState Hook & Desc Toggle
- 28 - Creating an Event
- 29 - Updating Component State
- 30 - React Icons Package
- 31 - React Router Setup
- 32 - Create Routes From Elements
- 33 - Router Provider
- 34 - Homepage Component/Route
- 35 - Layouts
- 36 - Jobs Page Component/Route
- 37 - Link Component
- 38 - Custom 404 Page
- 39 - Active Links With NavLink
- 40 - Conditional Rendering
- 41 - JSON Server Setup
- 42 - useEffect & Data Fetching
- 43 - Loading Spinner
- 44 - Conditional Fetching
- 45 - Proxying
- 46 - Single Job Page
- 47 - useParams to Get ID
- 48 - Data Loaders
- 49 - Single Job Output
- 50 - Add Job Page
- 51 - Working With Forms
- 52 - Form Submission
- 53 - Pass Function as Prop
- 54 - POST Request to Add Job
- 55 - Delete Job Button/function
- 56 - DELETE Request to Remove Job
- 57 - React Toastify Package
- 58 - Edit Job Page/Form
- 59 - Update Form Submission
- 60 - PUT Request to Update Job
- 61 - Build Static Assets For Production