Roadmap For React - Noob To Ninja

react-rmap.md

Basics

• "Hello, World!" with create-react-app
• React Component
• Popular ES6+ features using in React Apps
  • Arrow Methods
  • Object Destructuring
  • Classes
  • Static fields
• Communicating Between Components
  • Parent To Child using 'props'
  • Child To Parent using 'callbacks'
• Component Lifecycle
• Component State & this.setState
• Stateless Functional Components
• Controlled & Uncontrolled Inputs
• Create a simple login form with React
• Accessing DOM Elements from React Components

Intermediate

• CSS in JS (Aphrodite)
• React's Synthetic Event System
• React Router
• SSR

Advanced

• Animations
• Redux (An entirely different topic altogether)
• Webpack (This might require a different roadmap altogether)