Agenda

This workshop is for developers wanting a crash-course in React. It will teach you how to build a real-world web application through a hands-on approach. Through step-by-step instructions, you’ll learn how to build a responsive application leveraging various React concepts, including JSX, elements, and components. You will learn how to manage component state and understand the component lifecycle. Other concepts like events, conditional rendering, forms, hooks will be covered in great detail. What’s more, you will gain a deep understanding of the ecosystem (including tools) that exists to help you build web applications with React. After completing this workshop, you will have the confidence to apply what they learn into future development tasks and opportunities.

1. Workshop Overview
   • 1.1.Expectations and Outcomes
   • 1.2.Application Overview
   • 1.3.Workshop Resources
2. An Introduction to React
   • 2.1.Motivation
   • 2.2.Core Concepts
   • 2.3.Tooling
     • 2.3.1.Create React App (CRA), StackBlitz.com
     • 2.3.2.Dependencies and Package Management
   • 2.4.Basic Tutorial
   • 2.5.React Resources
3. Build Web App
   • 3.1.Hooks in React
   • 3.2.State Management with Hooks and Reducers
   • 3.3.Testing/Mocking (tooling)
   • 3.4.Deployment (webpack)
4. 3^rd Party Component Integration
   • 4.1.Overview of React Component Ecosystem
   • 4.2.Integrate KendoReact Grid into Master-Detail
5. Themes and Accessibility

• 9 AM: Introductions and workshop overview
• 9:15 AM: An Introduction to React
• 10 AM: 15-minute break
• 10:15 AM: Build Web App
• 12 PM: Lunch break
• 1 PM: Resume Build Web App
• 2 PM: 3^rd Party Component Integration
• 3 PM: Themes and Accessibility
• 3:45 PM: Wrap Up
• 4 PM: Finish