workers-react-pwa-example

KO | EN

gitlite — search

#javascript #python #typescript #go #android #deep-learning #linux #macos #cli #vue #security #openai #ios #mcp

workers-react-pwa-example

(★ 86)

No description available.

workers-react-pwa-example Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Cloudflare GraphQL Gateway](https://raw.githubusercontent.com/cloudflare/workers-react-pwa-example/master/img/workers-react.png)

Workers React Example
====
Combining the power of Cloudflare Workers and React will allow you to render the
same React code you would on the browser on Cloudflare Workers.

### Dependencies
- [npm](https://www.npmjs.com/get-npm) or [yarn](https://yarnpkg.com/en/docs/install#debian-stable)

### Instructions

- `yarn preview`

#### Static hosting
In order for this application to work, you'll have to be able to serve `/worker.js` from your own origin. 
This example uses terraform to upload the worker script to Google Cloud Storage, but you are welcome to 
use any other origin.
- https://cloud.google.com/storage/docs/hosting-static-website

#### Terraform
If you'd like to use terraform to upload your worker scripts, you'll need a
vars file with the following variables

```hcl
# Cloudflare variables
variable "cloudflare_email" {
  default = "dmr@bell-labs.com"
}

variable "cloudflare_token" {
  default = "00000000000000000000000000"
}

# GCP exmaple variables
variable "project" {
  default = "my-project"
}

variable "zone" {
  default = "buzzwords.app"
}

variable "bucket" {
  default = "buzzwords"
}
```
after adding this file as `vars.tf` (terraform will pickup any `.tf` extension file) do
`terraform init` and `terraform apply`

### About
[Cloudflare Workers](http://developers.cloudflare.com/workers/) allow you to write JavaScript which runs on all of Cloudflare's
150+ global data centers.

[React](https://reactjs.org) makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.

workers-react-pwa-example

workers-react-pwa-example Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

workers-react-pwa-example

workers-react-pwa-example Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README