Deploy and Test Full-Stack React Apps on Cloudflare

You can join this free public workshop live remotely
Attend remote workshop live on Nov 13, 15:00
Rate this content
Bookmark
Github

This 3 hour workshop will provide an introduction to the Cloudflare Developer Platform for application developers. It will focus on developing a full-stack React application backed by tests that can guarantee the correctness of its interactions with the resources and APIs provided by the Developer Platform.

The workshop assumes basic knowledge of TypeScript and React — not much beyond what’s needed to build a hello world app in React using TypeScript! Knowledge of the Developer Platform is also not required as everything Cloudflare related will be introduced as part of the workshop.

So if you’re interested in application development on the (fast and inexpensive!) Cloudflare platform then this workshop is for you. By the end of it you will know how to build a fully-fledged, fully-tested, full-stack web application (using React or any framework of your choice) with a comprehensive testing structure that gives you full confidence and peace of mind.


Agenda

The workshop will include live coding, Q&A, and interactive coding sections. The starting code, alongside instructions will be also made available for participants to revisit and dig deeper after

the workshop.

As part of the initial setup we’ll see how to use the C3 tool to easily deploy applications to Cloudflare in a matter of minutes.

Afterwards, we will see how to write code that interacts with the Developer Platform specific resources and APIs, specifically, we’ll use KVs, R2 buckets and Workers AI. We’ll also make sure to test all the code to make sure that it correctly interacts with the aforementioned APIs via the official Workers Vitest integration.

We will then integrate the Workers code with our React app to build a complete full-stack application ready to be deployed to the Cloudflare edge network. We will use playwright to implement an end-to-end (e2e) suite of tests to make sure that the application integrates perfectly with the Cloudflare platform.


Takeaways

- How to develop on the Cloudflare Workers runtime and interact with various Cloudflare resources

- How to develop, comprehensively test and deploy a full-stack application on the Cloudflare Platform

This workshop has been presented at React Summit US 2024, check out the latest edition of this React Conference.

Dario Piotrowicz
Dario Piotrowicz
Christian Sparks
Christian Sparks
13 Nov, 2024
Video transcription, chapters and summary will be available later.