React

About

Learn the basis of React, Redux and React-Router

Level

All levels

This is the documentation for the "React" training.

The React training is intended as a single day training for people who are new to React but have knowledge of JavaScript and ES6.

React

• 1. Introduction
  • 1.1. Who are you?
  • 1.2. What will we do?
  • 1.3. What to expect
  • 1.4. Documentation
  • 1.5. Github Repo
• 2. Watch the Training Video
• 3. Bootstrapping A React Project
  • 3.1. Installing dependencies
  • 3.2. Bootstrapping A Project
  • 3.3. Running The Project
• 4. Create React Component
  • 4.1. Generated App Code
  • 4.2. Exercise
  • 4.3. Extra Information
• 5. Styling Your Component
  • 5.1. Add style sheet
  • 5.2. Exercise
• 6. Convert To A Reusable Component
  • 6.1. Create A Reusable component
  • 6.2. Exercise
  • 6.3. Property Validation
• 7. Use Snapshot Testing
• 8. How To Use State In Your Component
  • 8.1. Store Questions And Answers In The State
  • 8.2. Exercise
• 9. Use Event Handlers
  • 9.1. Toggle Function
  • 9.2. Exercise
  • 9.3. Click Handler
• 10. Use Callbacks To Delete An Item
  • 10.1. Add Delete Button
  • 10.2. Write The onDelete Handler
  • 10.3. Write A Dummy Delete Handler
  • 10.4. Delete The FAQ Item From The List
• 11. Use Forms To Add An Item
  • 11.1. Add The Form
  • 11.2. Manage Field Values In The State
  • 11.3. Submit Handler
• 12. Use Initial Form Data To Edit An Item
  • 12.1. Two Modes For The FAQ Item
  • 12.2. Wiring Everything Together
• 13. Use Redux To Store Data
  • 13.1. Introduction
  • 13.2. Installing
  • 13.3. Actions
  • 13.4. Reducers
  • 13.5. Combine Multiple Reducers
• 14. Write Tests For Your Reducers
  • 14.1. Reducer Tests
  • 14.2. Exercise
• 15. Use Actions To Manipulate The Store
  • 15.1. Wiring The Store
  • 15.2. Use The Data From The Store
  • 15.3. Exercise
• 16. Using External Data
  • 16.1. Creating A Simple Backend
  • 16.2. Writing Middleware
• 17. useEffect Hook
• 18. Using Different Routes
  • 18.1. Routing
  • 18.2. Writing The View
  • 18.3. Exercise
• 19. Using Links To Navigate
• 20. Navigate Using Redirects

This training was created by Rob Gietema and Roel Bruggink, and updated by Alok Kumar.