React Curriculum

This is the curriculum of ReDI's React course in Berlin. All of the slides, homework, recordings, and more from each class - in one place! You can also find more resources to help you on your React learning journey in RESOURCES.md.

Curriculum

1. Javascript Recap

• Welome and JS Recap
• const vs. let
• arrow functions
• modules, exports and imports
• spread, rest and destructuring
• forEach, map, filter, reduce and string interpolation
• Github and Codesandbox

2. Base Syntax and Features

• setup computer and environment
• Hello World
• JSX
• Component types
• Lifecycle methods
• Stateful components (useState vs. this.setState)
• Conditional rendering
• Rendering lists
• Event handling
• VsCode
• Project Complete: Portfolio Item

3. Reusability and Hierarchy

• Chapter Intro: Reusability & hierarchy
• Components, reusability and props
• Component hierarchy
• Passing props
• Children
• Styling (modules and inline)
• Recap & Styled components
• Project Complete: Portfolio page with many portfolio items

4. Further React Concepts

• Further React concepts
• Routing
• useEffect() and data fetching
• Context API
• Forms
• Advanced state management (useReducer - Redux)
• Review Routing, Context API, useEffect, Forms
• Debugging
• Improving performance
• Redux
• Project Complete: Portfolio Website

5. Project

• Final Project: Restaurant Finder - Corona App

6. Additional Resources

• Additional Resources for your React Journey
• Git
• Preject Setup

To be sorted

• 📦 Live-coding solution
• ✏️ Tiago's Director's Cut version of the Clicking Game