React - The Full Course ( Fireship.io )

 

React: The Full Course is not ordinary for some other React townhalls on the Internet. It gives an instant prologue to fundamental essential topics, then incorporates them by building different awesome and interesting full-stack applications without any preparation.

What will you Understand?

👨‍🎤 All that you should be useful with React

⚡ Breakdown of crucial ideas in 100 Seconds

📚 Configuration examples and best practices

🎣 Custom hooks creation as well as custom component

🚀 Suspense with lazy loading

📱 The most effective method to develop Progressive Web Apps (PWAs)

🎨 Awesome animations with Framer Motion

🐕 High-level information bringing with SWR and React Query

⚛️ Complex, robust structures with React Final Form

🔥 Oversee constant information with Firestore

📰 SSR with Next.js

🍰 More!

 

🤔 Is this Course Right for Me?

This course begins at the fledgling 🟢 and advances to moderate the involved activities. It accepts you have some essential information on web programming with an understanding of JavaScript, HTML, and CSS. It is quick-moving and like my style on YouTube, yet undeniably more top to bottom and continued in a long straight organization.

When was the course last refreshed?

Refreshed Feb 22nd, 2022 React v18.0

How would I select?

While in review, this course is simply accessible to PRO Members.

🚨 Work in Progress!

This course is a Work in Progress. It will be refreshed with new satisfied week after week until it is finished in Spring 2022.

Course Overview

⚛️ 1 React in 100 Seconds

• What is React.js?

💀 2 Anatomy

• What are generally the records in a React project?

🗃️ 3 Components

• How does part-based engineering for building UIs work?

🔀 4 Conditional Rendering

• Step by step instructions to deliver a part founded on a boolean condition

➰ 5 Loops

• Step by step instructions to deliver an assortment of things in JSX

💥 6 Events

• Step by step instructions to deal with occasions in JSX

🔄 7 State

• Working with the useState snare

🌱 8 Lifecycle and Effects

• Working with the useEffect snare

🌲 9 Context

• Working with the React Context API

🚨 10 Error Boundaries

• How do Error Boundaries function in React?

🧪 11 Suspense

• Stacking async information with Suspense and Concurrent Mode

🎬 12 Animation

• Composer Motion made sense in 100 Seconds

🚊 13 React Router

• React Router made sense of in 100 Seconds

📝 14 Next.js

• SSR with Next.js made sense in 100 Seconds

💎 15 Prisma

• Deal with a social information base with Prisma

⚡ 16 Vite

• Vite.js made sense in 100 Seconds

🔎 17 React Query

• React Query made sense of in 100 Seconds

📱 18 PWAs

• What is a Progressive Web App?

⚛️ 19 Redux

• Revival Pattern for State Management

Animal Farm

🐻 20 Setup

• Assemble a full-stack moment search highlight

🦧 21 Express Server

• Construct a straightforward HTTP server with Node.js

🦄 22 Search Frontend

• Make solicitations to the server and show the outcomes

Token

🕹️ 23 Intro

• Construct a Progressive Web App

👾 24 Game UI

• Matching Game UI

🎲 25 Game Logic

• The coordinating game rationale with useEffect

📱 26 PWA

• Dynamic PWA App Badge and Deployment