React Docs

⤵️ Table of Contents

• Glossary
• Tools
  • Boilerplate
  • Module Bundler
  • Routing
  • CSS-in-JS
  • Build UI components
  • UI library
  • Forms
  • Modal dialog (modal window)
  • Internationalization and localization
  • Web Accessibility
  • State management library
  • Data Fetching
  • List of APIs
  • Fake / Mock REST API
  • Fake / Mock GraphQL API
  • Types
  • Testing (end-to-end tests, integration tests, and unit tests)
  • Custom notifications
  • Framework
• Articles
• Courses
  • English
    • React.org
    • Academind
    • freeCodeCamp
  • Portuguese
    • React.org
    • Primeiros passos com React
    • Cod3r Cursos
    • Rocketseat
    • Filipe Deschamps
    • Fábio Vedovelli

---

🔍 Glossary

term	definition
Context	Context provides a way to pass data through the component tree without having to pass props (which stands for properties) down manually at every level.
Prop drilling	Prop drilling (also called "threading") refers to the process you have to go through to get data to parts of the React Component tree.
Render Props	The term render prop refers to a technique for sharing code between React components using a prop whose value is a function.

---

🧰 Tools

Boilerplate

• Create React App

Module Bundler

• Vite
• Snowpack

Routing

• React Router

CSS-in-JS

• styled-components
• Stitches
• Tailwind CSS
  • Headless UI

Build UI components

• Radix
• Storybook
• Chakra UI

UI library

• Material-UI

Forms

• Unform
• React Hook Form
• Formik
• Redux Form

Modal dialog (modal window)

• react-modal

Internationalization and localization

• LinguiJS
• react-i18next
• react-intl

Web Accessibility

• Reakit
• Radix

State management library

• Redux
• MobX
• Recoil
• zustand

Data Fetching

• SWR
• React Query
• GraphQL
  • uRQL
  • Apollo Client
  • Relay

List of APIs

• MDN
• ApiList.fun
• Public APIs

Fake / Mock REST API

• JSON Server
• Mirage
• Mock Service Worker (MSW)

Fake / Mock GraphQL API

• GraphQL Tools
• Mirage JS GraphQL
• Mock Service Worker (MSW)

Types

• PropTypes

Testing (end-to-end tests, integration tests, and unit tests)

• Jest
• Enzyme
• React Testing Library
• @testing-library
• Cypress

Custom notifications

• React-toastify

Framework

• Next.js
• Remix
• Blitz
• RedwoodJS

---

📰 Articles

• #roadmap

  • The React Roadmap: 10 Steps to Become a React Developer in 2021
  • How to Learn React in 2021: The 7 Skills You Need To Know

• #components #functional #class

  • Understanding Functional Components vs. Class Components in React

• #propdrilling

  • Prop drilling

• #forms #dynamic

• How to Build Dynamic Forms in React

---

🎓 Courses

   English

🎓 React.org

• 📁 _reactjsOrg
• 📄 Function and Class Components

🎓 Academind

• 😎 Maximilian Schwarzmüller
• 📺 React - The Complete Guide (incl Hooks, React Router, Redux)
• 📁 course_schwarzmuller

🎓 freeCodeCamp

• 😎 Thomas Weibenfalk
• 🔗 Learn React JS in This Free 7-Hour Course
• 📺 Learn React JS in This Free 7-Hour Course
• 📁 course_freecodecamp

   Portuguese

🎓 React.org

• 📁 _reactjsOrg

📘 Primeiros passos com React

• Stoyan Stefanov
• 🔗 Stoyan's phpied.com
• 📁 book_stoyan

🎓 Cod3r Cursos

• Leonardo Moura Leitão
• 📺 React JS Curso Rápido ⚛️ Masterclass #1 2020 - 100% Prático!
• 📺 React JS Curso Rápido ⚛️ Masterclass #2 2020 - 100% Prático!
• 📁 course_cod3r

🎓 Rocketseat

• Diego Fernandes
• 📺 Starter > ReactJS
• 📁 course_rocketseat_starter

📺 Filipe Deschamps

• Filipe Deschamps
• 🔗 Filipe Deschamps
• 📁 youtube_felipe_deschamps

📺 Fábio Vedovelli

• Fábio Vedovelli
• 🔗 Fábio Vedovelli
• 📁 course_vedovelli