Skip to content

In this workshop, you’ll learn how to build your React.js application with a Winglang backend and deploy it on AWS

Notifications You must be signed in to change notification settings

winglang/workshop-react

Repository files navigation


React + Wing Workshop

Learn how to build a React.JS app with Wing

This repo is a step-by-step guide for an online workshop (Eventbrite).

Watch the recording

You can find the recording of this workshop here.

Any issues? Questions? Let's talk!

Please join Winglang's Slack; we have a dedicated channel for this workshop #workshop-react.

During the session, you'll learn the following:

  • How to develop a Wing application.
  • How to build a serverless stack.
  • How to set up a React website using the Wing programming model.
  • How to work with DynamoDB, S3 Bucket, API Gateway, and Lambda Functions.
  • How to develop and run your application locally.
  • How to test your application both locally and on the cloud.
  • How to produce ready-to-apply Terraform assets.
  • How to create a preview environment using wing.cloud.

Some General Resources:

The Application

A Flat File System browser and backend, the file system allows only one hierarchy of folders, each folder can have multiple files.

See the Demo hosted on AWS

winglang file system drawio (1)

Workshop Sessions

  1. Why Even Fly? I'm Comfortable Where I Am - Problems with serverless, and the Wing approach.
  2. It’s Nearly Time to Fly - Install and verify the Winglang toolchain is working on our computer.
  3. Prepare for Liftoff - Your second Wing program, getting to know cloud.Api.
  4. Please Fasten Your Seat Belt - Blazing fast iteration cycles with React & Winglang.
  5. We Are Now Cruising - Setting up preview environments on PR.
  6. Entering an Area of Turbulence - Modeling a FlatFileSystem using DynamoDB & cloud.Bucket.
  7. Thank You for Flying with Us - Wrapping it all together.

What's Next? Serverless AI Workshop

Register here

image

About

In this workshop, you’ll learn how to build your React.js application with a Winglang backend and deploy it on AWS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published