React Crash Course

Learn the basics of React, such as components, props, state, data fetching, and more, while building a job listing frontend. Go beyond video tutorials with our new interactive platform https://startdev.link/youtube Code: React Front To Back Full Course: Check out all my courses: Social Media: Github - https://github.com/bradtraversy Twitter - https://twitter.com/traversymedia Instagram - https://www.instagram.com/traversymedia Facebook - https://www.facebook.com/traversymedia Linkedin - https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 1:55 - What Is React? (Slide) 3:43 - Why React? (Slide) 7:19 - What Are Components? (Slide) 8:21 - What Is State? (Slide) 10:00 - What Are Hooks? (Slide) 11:17 - What Is JSX? (Slide) 12:42 - SPA, SSR, SSG (Slide) 15:38 - Vite (Slide) 16:30 - Project Demo 19:53 - Setup React With Vite 22:29 - File Explanation 25:11 - Boilerplate Cleanup 26:48 - Tailwind CSS Setup 30:24 - JSX Crash Course 39:37 - Start Homepage 42:00 - Navbar Component 43:56 - Image Import 45:24 - Hero Component 46:17 - Props 48:00 - Default Props 48:51 - Wrapper Components 55:14 - JobListings Component 58:50 - Create Lists With map() 1:03:20 - Single JobListin

Free1 lesson3h 5mBeginner

by Traversy Media

March 2024

Checked 5 days ago

Free

This course is free and published on YouTube. The channel is its author; we organise it and check that the videos still play.

Start the course

Explore related topics

This course includes

  • 3h 5m of video
  • 1 lessons
  • Level: Beginner
  • Spoken in English
  • Your place is remembered
  • Free in full, no card

Lessons

1 sections · 1 lesson · 3h 5m total length

Lessons 1 to 11 lesson · 3h 5m

What you need

  • No prior experience: this course starts from zero.

Description

Learn the basics of React, such as components, props, state, data fetching, and more, while building a job listing frontend. Go beyond video tutorials with our new interactive platform https://startdev.link/youtube Code: React Front To Back Full Course: Check out all my courses: Social Media: Github - https://github.com/bradtraversy Twitter - https://twitter.com/traversymedia Instagram - https://www.instagram.com/traversymedia Facebook - https://www.facebook.com/traversymedia Linkedin - https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 1:55 - What Is React? (Slide) 3:43 - Why React? (Slide) 7:19 - What Are Components? (Slide) 8:21 - What Is State? (Slide) 10:00 - What Are Hooks? (Slide) 11:17 - What Is JSX? (Slide) 12:42 - SPA, SSR, SSG (Slide) 15:38 - Vite (Slide) 16:30 - Project Demo 19:53 - Setup React With Vite 22:29 - File Explanation 25:11 - Boilerplate Cleanup 26:48 - Tailwind CSS Setup 30:24 - JSX Crash Course 39:37 - Start Homepage 42:00 - Navbar Component 43:56 - Image Import 45:24 - Hero Component 46:17 - Props 48:00 - Default Props 48:51 - Wrapper Components 55:14 - JobListings Component 58:50 - Create Lists With map() 1:03:20 - Single JobListin

Who this course is for

  • Anyone starting React from nothing.

Those two are our reading of the course's level. The description is the author's own.

React Crash Course, by Traversy Media