React
Free
Kent C. Dodds - React Workshops (from Epic React)
JavaScript Version
- React Fundamentals
- React Hooks
- Advanced React Hooks
- Advanced React Patterns
- React Performance
- Testing React Apps
- React Suspence
- Build an Epic React App (Bookshelf)
TypeScript Version (recommended)
- Introduction to React by Jack Herrington
- Academind - React Crash Course
- Brad Schiff (LearnWebCode) - React For The Rest Of Us (only the basics of React)
- React with Hooks (old React docs rewritten with Hooks API)
- New React Docs (beta)
- React Framwork.dev - different React resources (books, videos, courses, podcasts) and more
Paid
- Academind - React - The Complete Guide (incl Hooks, React Router, Redux)
- Brad Schiff (LearnWebCode) - React For The Rest Of Us
- Kent C. Dodds - Epic React (if you need the video format + solutions + bonus content)
Additional content
- Brad Schiff (LearnWebCode) - What is React and what problems does it solve? (Vanilla JS vs React comparison)
- Kent C. Dodds. - JavaScript to Know for React
- Alex Kondov - Tao of React
- Josh W. Comeau - Delightful React File/Directory Structure
- Jack Herrington - Mastering React Hooks with TypeScript
- Screaming Architecture - Evolution of a React folder structure
- React TypeScript Cheetsheets
- Reddit Thread - What is the recommended way to load data for React 18?
Advices from Dan Abramov (member of React Core Team)
- Jack Herrington - React 18: useEffect Double Call; Mistake or Awesome?
- Jack Herrington - Mastering React Context: Do you NEED a state manager?
- Jack Herrington - Mastering React Memo
- Jack Herrington - Mastering React Batch Updating
- Jack Herrington - Mastering React's useEffect
- Jack Herrington - TypeScript/React Testing: Components, Hooks, Custom Hooks, Redux and Zustand
- Jack Herrington - Common React Mistakes: useEffect - Part 1
- Jack Herrington - Common React Mistakes: useEffect - Part 2
- React project structure for scale: decomposition, layers and hierarchy
- Fireship - 10 React Antipatterns to Avoid - Code This, Not That!
- React is slow, what now?
- React Philosophies - what you need to know, when writing the React code?
- Nadia Makarevich - Developer Way Blog (advanced React + TypeScript topics)
- React Docs - You Might Not Need an Effect (when to use the useEffect hook)
- Theo - ping.gg - This React Feature BREAKS THE RULES??? 😱 (how to use React Portals and why?)
- Best React Libraries to Use
- Applying SOLID principles in React
- Kent C. Dodds - Memoization and React
- Bartosz Szczeciński - Intro to debugging ReactJS applications
- Web Dev Junkie - Tips and Tricks for Debugging React Applications
- Kent C. Dodds - Stop using isLoading booleans
- Kent C. Dodds - Inversion of Control
- Web Dev Simplified - How To Organize React Projects
- Theo - ping.gg - Your Folder Structure Hurt Me (reaction to Web Dev Simplified's folder structure video + from 11:06 shows and explain folder structure in his projects)
- This shows two different approaches to organizing your React projects.
- Kent C. Dodds - When to useMemo and useCallback.
- Kent C. Dodds - React DevTools
- Web Dev Junkie - How to implement the MVC pattern in React (very interesting approach to this problem)
- Lydia Hallie - Advanced Rendering Patterns (what shortcuts like ISR, SSG and SSR really mean? )
- AppUnite - Vue's Slots Composition adapted to React - how and when to use it
- Conner Ardman - React Coding Interview Ft. Clément Mihailescu (build the wordle clone)
- Used API (if someone wants to recreate the task): https://api.frontendexpert.io/api/fe/wordle-words
- Web Dev Junkie - How you can use custom hooks to abstract your React code
- Web Dev Junkie - Refactoring and decoupling some React code (DRY, KISS, YAGNI, WET)
- uidotdev - The Story of React
- uidotdev - The Story of Next.js
- uidotdev - The Story of Concurrent React
- Felix Gerschau - Form validation with React Hooks WITHOUT a library: The Complete Guide
- 🇵🇱 Przeprogramowani - Pięć pytań rekrutacyjnych z Reacta na 2022
- 🇵🇱 Michał Taszycki - Architektura aplikacji w React.js – czyli poszukiwania Świętego Graala.
- 🇵🇱 Przeprogramowani - mini-seria ze wzorca State Machine (warte zobaczenia, bo daje szerszy obraz na to, jak można efektywniej zarządzać stanem w Reakcie):
- 🇵🇱 Krzysztof Jendrzyca - The Zen of React (jak utrzymywać czysty kod w Reakcie)
- Realnie trwa z 40 minut, bo potem jest reklama kursu.
- https://thezenofreact.com/ - slajdy z powyższego wykładu.
- Prelegent nigdzie nie powiedział, że po stronie trzeba poruszać się strzałkami (lewo/prawo).
- 🇵🇱 Zarządzanie stanem bez serwera w Reakcie (jak zarządzać złożonym stanem w Reakcie) - Bartosz Cytrowski