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

• Introduction
  • Who are you?
  • What will we do?
  • What to expect
  • Documentation
  • Github Repo
• Watch the Training Video
• Bootstrapping A React Project
  • Installing dependencies
  • Bootstrapping A Project
  • Running The Project
• Create React Component
  • Generated App Code
  • Exercise
  • Extra Information
• Styling Your Component
  • Add style sheet
  • Exercise
• Convert To A Reusable Component
  • Create A Reusable component
  • Exercise
  • Property Validation
• Use Snapshot Testing
• How To Use State In Your Component
  • Store Questions And Answers In The State
  • Exercise
• Use Event Handlers
  • Toggle Function
  • Exercise
  • Click Handler
• Use Callbacks To Delete An Item
  • Add Delete Button
  • Write The onDelete Handler
  • Write A Dummy Delete Handler
  • Delete The FAQ Item From The List
• Use Forms To Add An Item
  • Add The Form
  • Manage Field Values In The State
  • Submit Handler
• Use Initial Form Data To Edit An Item
  • Two Modes For The FAQ Item
  • Wiring Everything Together
• Use Redux To Store Data
  • Introduction
  • Installing
  • Actions
  • Reducers
  • Combine Multiple Reducers
• Write Tests For Your Reducers
  • Reducer Tests
  • Exercise
• Use Actions To Manipulate The Store
  • Wiring The Store
  • Use The Data From The Store
  • Exercise
• Using External Data
  • Creating A Simple Backend
  • Writing Middleware
• useEffect Hook
• Using Different Routes
  • Routing
  • Writing The View
  • Exercise
• Using Links To Navigate
• Navigate Using Redirects

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