SUMMARY.md

Summary

• 1. What Is React
• 2. React Semantics/Terminology
• 3. React & Babel Basic Setup
  • 3.1 Using react.js & react-dom.js
  • 3.2 Using JSX via Babel
  • 3.3 Using ES6 & ES* with React
  • 3.4 Writing React With JSFiddle
• 4. React Nodes
  • 4.1 What Is a React Node?
  • 4.2 Creating React Nodes
  • 4.3 Rendering to DOM
  • 4.4 Defining Node Attributes/Props
  • 4.5 Inlining CSS on Element Nodes
  • 4.6 Using Built-in Element Factories
  • 4.7 Defining React Node Events
• 5. JavaScript Syntax Extension (a.k.a., JSX)
  • 5.1 What Is a JSX?
  • 5.2 Creating React Nodes With JSX
  • 5.3 Rendering JSX to DOM
  • 5.4 Using JS Expressions in JSX
  • 5.5 Using JS Comments in JSX
  • 5.6 Using Inline CSS in JSX
  • 5.7 Defining JSX Attributes/Props
  • 5.8 Defining Events in JSX
• 6. Basic React Components
  • 6.1 What Is a React Component?
  • 6.2 Creating Components
  • 6.3 Return One Starting Node/Component
  • 6.4 Referring to a Component Instance
  • 6.5 Defining Events on Components
  • 6.6 Composing Components
  • 6.7 Grokking Component Lifecycle's
  • 6.8 Accessing Children Components/Nodes
  • 6.9 Using ref Attribute
  • 6.10 Re-rendering A Component
• 7. React Component Props
  • 7.1 What Are Component Props?
  • 7.2 Sending Component Props
  • 7.3 Getting Component Props
  • 7.4 Setting Default Component Props
  • 7.5 Component Props More Than Strings
  • 7.6 Validating Component Props
• 8. React Component State
  • 8.1 What Is Component State?
  • 8.2 Working with Component State
  • 8.3 State vs. Props
  • 8.4 Creating Stateless Function Components