tiagosr / react-course-berlin

Curriculum for the ReDI React course in Berlin.

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