React Deno Quickstart ⚛️ 🦕 📦

Starter template for a React app built on Deno - including docs and CI

Preview

This template project uses Deno to build a React app and output static assets. No Node.js or NPM used there.

The app gets deployed with CI using GH Actions. Then it is served as a static GitHub Pages site.

This is what the demo site looks like:

Sample usage

Start a dev server:

$ make serve

Create a bundled minified JS file of all your app code and depenendencies.

$ make build

The output JS file then can be loaded in the browser using a index.html page. Which means you can host your rendered React application as SPA web app anywhere, such as on GitHub Pages (like this project) or Netlify.

About this template

Overview

• Provides a basic template project so you can quickly setup your own React + Deno project, without much Deno experience.
• Uses React version 17.
• Uses Deno and make to handle dev and production build tasks.
  • No more Node and NPM.
  • TypeScript, JSX, formatting and linting are all supported by Deno - no packages needed.
• Deploys as a GitHub Pages static site using GitHub Actions. No manual deploy steps or server management needed.

See the Template notes section of the docs for help on how to use this project and to find out what is included.

Start building with React and Deno:

• 

Want to stick with Node.js or compare how this React/Deno app looks compared to React/Node app? See my Node-based template:

• 

Documentation

License

Released under MIT by @MichaelCurrin.