SUMMARY.md

Table of contents

• ⁉ Introduction

🧑🎓 React Fundamentals

• The Basic javascript "Hello world"
• Basic view on React core API's
• JSX
• React Props and styling
• Components
• Handling Events With React
• Form
• Array and Lists
• Class Component State
• Class Component Life Cycle
• PropTypes

🪝 React Hooks

• Intro to hooks
• useState
• useEffect
• useRef
• useContext
• useMemo
• useCallback
• useReducer
• useLayoutEffect
• useImperativeHandle
• Hook flow
• Custom hooks
  • useDebugValue
• React 18 hooks

📓 React Guidelines

• React Components Composition Guidelines
• React hooks guidelines
• The use of Memoization
• Lifting State Up

🔭 Concepts

• Advanced Patterns
  • Compound Components Pattern
  • Control Props Pattern
  • Props Getters Pattern
  • Custom hook pattern
  • Context Module
  • State Reducer
• React Under the hood
  • 🏁 What is "Rendering"?
  • 🏁 React Lifecycle
  • 🏁 Reconciliation & Virtual DOM in React
  • 🏁 Fiber
• ⏰ Concepts to always have in mind

🧩 React ecosystem

• Forms Tools
  • React Hook Form VS Formik
• TypeScript
  • 🏁 Conditional React props with TypeScript
• 🏁 Build tool choice for MVP projects
• A CSS methodology comparison
  • 🏁 Post CSS processor :Sass
  • 🏁 CSS in js :Styled-components
  • 🏁 Utility Classes: Tailwind

⁉ Testing

• In Progress

🎭 Performance

• in Progress

🚀 Deployment

• In Progress

🖼 Design system

• 🏁 What's a design system anyway ?​?

---

• 🔗 Us-full links
  • Typescript and React basic tutorial
  • React-philosophies
  • React new doc