Lessons Courses Tags

Search

Theme

Login

React in 100 Seconds What is React.js?

Anatomy 👉

Questions?

Ask questions via GitHub below OR chat on Slack #questions

1 React in 100 Seconds What is React.js?

2 Anatomy What are all the files in a React project?

3 Components How does a component-based architecture for building UIs actually work?

4 Conditional Rendering How to render a component based on a boolean condition

5 Loops How to render a collection of items in JSX

6 Events How to handle events in JSX

7 State Working with the useState hook

8 Lifecycle and Effects Working with the useEffect hook

9 Context Working with the React Context API

10 Error Boundries How do Error Boundaries work in React?

11 Suspense Loading async data with Suspense and Concurrent Mode

12 Animation Framer Motion explained in 100 Seconds

13 React Router React Router explained in 100 Seconds

14 Next.js SSR with Next.js explained in 100 Seconds

15 Prisma Manage a relational database with Prisma

16 Vite Vite.js explained in 100 Seconds

17 React Query React Query explained in 100 Seconds

18 PWAs What is a Progressive Web App?

Animal Farm

19 Setup Build a fullstack instant search feature

20 Express Server Build a simple HTTP server with Node.js

21 Search Frontend Make requests to the server and show the results

Memento

22 Intro Build a Progressive Web App

23 Game UI Matching Game UI

24 Game Logic Matching game logic with useEffect

25 PWA Dynamic PWA App Badge and Deployment

The End