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),
      • 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. 3rd 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: 3rd Party Component Integration
  • 3 PM: Themes and Accessibility
  • 3:45 PM: Wrap Up
  • 4 PM: Finish

Web, Tools/Frameworks



Session Type


Share Session

Be awesome

Join us for DevReach | Don't miss out.

Contact Us


Copyright © 2022 Progress Software Corporation and/or its subsidiaries or affiliates.