Learn React With This ONE Project

Check out this free resource from HubSpot that contains tons of coding snippets and templates: https://clickhubspot.com/v5ox In this video, you'll learn React by walking through a practical project. We're going to use a real-world API that can fetch and display data, and cover all of the important React components and features. Want to make real money with coding? I share high-signal insights on careers, monetization, and leverage in my free newsletter. Join here and get my guide How to Make Money With Coding instantly: https://techwithtim.net/newsletter 🎞 Video Resources 🎞 Code: https://github.com/techwithtim/Learn-React-In-One-Project API Website: https://www.themoviedb.org/ NodeJS Download: https://nodejs.org/en/download/package-manager ⏳ Timestamps ⏳ 00:00:00 | Overview 00:00:57 | Free Resource 00:02:04 | Demo 00:03:03 | React Introduction 00:06:02 | Setup & Installation 00:08:08 | React Template Walkthrough 00:13:31 | JSX 00:16:22 | Components 00:19:56 | Movie Card Component 00:29:15 | Conditional Rendering 00:32:43 | Home Page & .map() 00:40:00 | State 00:48:11 | Page Routing 00:56:41 | CSS Styling 01:01:00 | Calling APIS 01:07:25 | useEffect 01:16:54 | Searching for Mo

Free1 lesson1h 40mIntermediate

by Tech With Tim

November 2024

Checked 4 days ago

What you'll learn

  • Overview
  • Demo
  • React Template Walkthrough
  • Movie Card Component
  • Home Page & .map(
  • Page Routing
  • UseEffect
  • Contexts

Taken from the course's own lessons, in the author's words.

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

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

Lessons

1 sections · 1 lesson · 1h 40m total length

Lessons 1 to 11 lesson · 1h 40m

What you need

  • Some grounding helps; this one picks up past the basics.

Description

Check out this free resource from HubSpot that contains tons of coding snippets and templates: https://clickhubspot.com/v5ox In this video, you'll learn React by walking through a practical project. We're going to use a real-world API that can fetch and display data, and cover all of the important React components and features. Want to make real money with coding? I share high-signal insights on careers, monetization, and leverage in my free newsletter. Join here and get my guide How to Make Money With Coding instantly: https://techwithtim.net/newsletter 🎞 Video Resources 🎞 Code: https://github.com/techwithtim/Learn-React-In-One-Project API Website: https://www.themoviedb.org/ NodeJS Download: https://nodejs.org/en/download/package-manager ⏳ Timestamps ⏳ 00:00:00 | Overview 00:00:57 | Free Resource 00:02:04 | Demo 00:03:03 | React Introduction 00:06:02 | Setup & Installation 00:08:08 | React Template Walkthrough 00:13:31 | JSX 00:16:22 | Components 00:19:56 | Movie Card Component 00:29:15 | Conditional Rendering 00:32:43 | Home Page & .map() 00:40:00 | State 00:48:11 | Page Routing 00:56:41 | CSS Styling 01:01:00 | Calling APIS 01:07:25 | useEffect 01:16:54 | Searching for Mo

Who this course is for

  • People who know the basics of React and want to go further.

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

Learn React With This ONE Project, by Tech With Tim