React - The Full Course is unlike any other React course on the Internet. It provides a fast-paced introduction to essential concepts, then puts them into practice by building multiple fun and challenging full-stack apps from scratch.
React - The full course
1h 20m 10s
English
Paid
Released
Added to CourseFlix
React - The full course is a 23-lesson 1 hour 20 minutes self-paced course by Fireship. React - The Full Course is unlike any other React course on the Internet.
Course facts
- Lessons
- 23
- Duration
- 1 hour 20 minutes
- Language
- English
- Released
- March 2024
- Added to CourseFlix
- March 2024
- Instructor
- Fireship
- Price
- Premium
What will I learn?
- Everything you need to be productive with React
- Breakdown of key concepts in 100 Seconds
- Design patterns and best practices
- Component composition and custom hooks
- Lazy loading with Suspense
- How to build Progressive Web Apps (PWAs)
- Animation with Framer Motion
- Advanced data fetching with SWR and React Query
- Complex dynamic forms with React Final Form
- Manage realtime data with Firestore
- SSR with Next.js
- More!
Additional
Who teaches React - The full course? Fireship
Fireship (fireship.io) is the teaching brand of Jeff Delaney, a US developer behind the Fireship YouTube channel — one of the largest software-engineering channels on YouTube, with millions of subscribers tuning in for the channel's distinctive 100-second technology-explainer format. The fireship.io paid-course platform extends that approach into longer-form project-based courses.
The course catalog covers the modern web and mobile stack: React, Next.js, Angular, Svelte / SvelteKit, Vue, Flutter, Firebase (Jeff is a long-running Google Developer Expert for Firebase), Supabase, Stripe integration, AI / LLM features, and the broader full-stack JavaScript ecosystem. Course material favours fast-paced, project-based builds — students ship complete applications end-to-end rather than studying frameworks in isolation.
The CourseFlix listing under this source carries over 19 Fireship courses spanning that range. Material is paid; Fireship runs on per-course or membership pricing on the original platform. Courses are aimed at developers who learn best by shipping real applications fast.
What lessons are included in React - The full course?
0:00
/ #1: React in 100 Seconds
All Course Lessons (23)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | React in 100 Seconds Demo | 02:08 | |
| 2 | Anatomy | 02:51 | |
| 3 | Components | 02:45 | |
| 4 | Conditional Rendering | 01:34 | |
| 5 | Loops | 01:40 | |
| 6 | Events | 01:33 | |
| 7 | State | 01:46 | |
| 8 | Lifecycle and Effects | 01:35 | |
| 9 | Context | 01:18 | |
| 10 | Error Boundries | 01:06 | |
| 11 | Next.js | 11:52 | |
| 12 | Prisma | 02:34 | |
| 13 | Vite | 02:29 | |
| 14 | React Query | 08:10 | |
| 15 | PWAs | 08:10 | |
| 16 | Redux | 02:34 | |
| 17 | Setup | 02:07 | |
| 18 | Express Server | 04:08 | |
| 19 | Search Frontend | 05:07 | |
| 20 | Intro | 02:43 | |
| 21 | Game UI | 03:20 | |
| 22 | Game Logic | 05:04 | |
| 23 | PWA | 03:36 |
Watch the other 22 lessons
One payment unlocks this course and every other premium course. No auto-renew.
See plansWhat courses are similar to React - The full course?
Updated 3y agoReact Hooks
By: UI.dev (Tyler McGinnis)If you never develop a convincing answer for both of those questions, you won t have a solid enough foundation to build upon when you dive into the specifics.3h 47m
FreeUpdated 3y agoReact Front To Back 2022
By: Udemy, Brad TraversyThis course is for anyone that wants to learn React and also for React developers looking to build some projects and sharpen their skills.19h 57m
FreeUpdated 1y agoReact JS 19 Crash Course | Build an App and Master React in 2 Hours
By: JavaScript Mastery, Adrian HajdinThis course offers a practical approach: clear explanations, real tasks, and necessary tools, so you can not only understand but also immediately apply the new.2h 7m
Updated 2y agoScale React Development with Nx
By: egghead.ioOn the surface, starting a project sounds easy. First you make some directories, install some dependencies, then you write some code. But there's a bit more to1h 34m
Updated 2y agoBuilding a Component Library with Storybook
By: Handlebar Labs (Spencer Carli)Learn to create a library of components that are easy to use, self documenting, and easily tested. I've found that using Storybook to define my component's API1h 10m
Updated 1mo agoPHP Symfony 4 API Platform + React.js Full Stack Masterclass
By: UdemyBuild a full-stack app with a Symfony 4 API Platform backend, Doctrine, and a React and Redux front end, plus an admin panel.19h 24m
More courses by Fireship
Updated 1mo agoNext.js Firebase - The Full Course
Build a full-stack, SEO-friendly blogging platform with Next.js and Firebase in this 33-lesson course covering SSR, Firestore, and realtime likes.2h 38m
Updated 3y agoStripe Payments JavaScript Course
Learn how to build safe Stripe payments with JavaScript. You use Node and React to create a web app that handles charges, customers, and subscriptions.1h 29m
FreeUpdated 1mo agoThe Vue Firebase Project Course
Build a free, realtime voice-chat app with Vue and Firebase in this 16-lesson project course covering auth, Firestore, and audio uploads.46m5/5
Updated 3y agoAngular 9 Firebase Project Course
The Angular Firebase PWA Course will teach you how to build a complex progressive web app with Angular 9 (ivy), Material Design, and Firebase. It starts from ab2h 46m
Updated 3y agoIonic 4 Firebase Master Course
The Ionic4 Master Course will teach you the fundamentals of full-stack cross-platform app development, using the combined powers of Angular & Firebase.1h 31m
Updated 3y agoStripe Payments Cloud Functions
This course has been deprecated! While the code here will still work, the it is recommended that you use the latest Stripe APIs shown in the new.1h 10m
Frequently asked questions
What prerequisites should I have before taking this course?
Before enrolling in this course, you should have a basic understanding of JavaScript, HTML, and CSS. Familiarity with modern JavaScript features such as ES6 syntax will also be beneficial as the course assumes knowledge of these concepts.
What will I build during the course?
Throughout the course, you will build multiple full-stack applications. These projects will give you hands-on experience with React components, state management using Redux, server-side setups with Express, and creating progressive web apps (PWAs).
Who is the target audience for this course?
This course is ideal for developers who have a foundational understanding of web development and wish to deepen their skills in building full-stack applications using React. It is also suitable for those looking to implement advanced React features in practical projects.
How does the depth of this course compare to other React courses?
This course offers a fast-paced introduction to essential React concepts and quickly transitions to practical applications. Unlike some courses that focus on theoretical knowledge, this one emphasizes building and deploying full-stack applications using tools like Next.js and Prisma.
What specific tools or platforms are covered in the course?
The course covers several tools and platforms, including Next.js for server-side rendering, Prisma for database management, Vite for fast project setup, and React Query for data fetching. It also includes Redux for state management and Express for server-side development.
What topics are not covered in this course?
The course does not cover introductory web development topics such as basic HTML, CSS, or JavaScript. It also does not delve into backend languages other than JavaScript or frameworks outside the React ecosystem.
How much time should I commit to this course?
Given that the course consists of 23 lessons, the time commitment will vary depending on your pace. However, expect to dedicate several hours per lesson for watching videos, completing exercises, and working on the full-stack projects.