React Crash Course 2024 - Building a Job Listing Frontend

React Crash Course 2024 - Building a Job Listing Frontend

Traversy Media via YouTube Direct link

- Intro

1 of 61

1 of 61

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.