DevReach-Agenda-Hero
21October

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.


Curriculum: 
  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. 3rd Party Component Integration
    • 4.1.Overview of React Component Ecosystem
    • 4.2.Integrate KendoReact Grid into Master-Detail
  5. Themes and Accessibility

 

Breakdown:
  • 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
Topic

Web, Tools/Frameworks

Technology

JavaScript

Session Type

Workshop

Share Session
×

Be awesome

Join us for DevReach | Don't miss out.

Contact Us
Basics
Content
Previous

Progress

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