Learn React in a Weekend!
- Weekend of September 11-13, 2020 – Price $795.00 USD (enrollment is capped at 20 students, pre-register at the bottom)
- More are being scheduled now! Stay tuned!
This course is live, instructor-led, and includes practical hands-on labs and projects, preparing you to develop real-world React applications over a single weekend.
React Class Schedule
- Friday: 7 pm – 10 pm ET
- Saturday Part I: 10 am – 1 pm ET
- Saturday Part II: 2 pm – 5 pm ET
- Sunday: 4 pm – 7 pm ET
React Class Materials
During the training: Online courseware featuring documentation, code examples, videos, and lab solutions.
After the training: Additional videos exploring more advanced features of React, as well as access to a community learning group.
React Class Objectives
- Develop real-world web applications with React
- Use the basic features of React, such as JSX, to create functional components
- Use hooks to manage state and execute code during renders
- Manage state with context
- Retrieve and save data to a REST API
- Use React Router
React Class Prerequisites
React Class Software
We teach this class online using Zoom and recommend that each student have two monitors: one display to view the instructor presentation and one screen for notetaking and coding along with the instructor.
React Class Outline
Introduction and Displaying Data (Session 1, Friday)
- Creating a React Project
- Displaying Data in React Components
- Exploring the Array Map Function
- Passing Data into React Components via Props
- Validating Props
- Setting Default Props
- Project 1 – Display a Table Data
Capturing Data with Forms (Session 2 – Saturday, Part I)
- What are HTML Forms?
- Create an HTML Form
- What is Component State?
- What are Hooks?
- Using the State Hook to Capture Form Data
- Adding Data to a List
- Project 2 – Capturing Form Data
Managing Application State (Session 3 – Saturday, Part II)
- What is Application State?
- Comparing Props, State, and Context
- When to use and not use Context
- Build an Application State Store with Context and Hooks
- What is a REST API?
- Calling a REST API to Retrieve and Save Data
- Project 3 – Managing State with the Context
Routing (Session 4 – Sunday)
- What is Routing?
- Installing an NPM Package
- Configuring Routing
- Passing Route Parameters
- Next Steps
- Project 4 – Add Routing to Application