Webnative React TodoMVC

The repository implements TodoMVC with React and webnative. The repository includes branches that demonstrate the same app configured with Create React App, Vite, and Webpack:

• Create React App build
• Vite build
• Webpack build

Migration to Vite or Webpack

The app was initialized with Create React App and migrated to Vite and Webpack 5. See the Migrate from CRA to Vite, and Migrate from CRA to Webpack pull requests for guides and diffs to help you migrate from Create React App.

⚠️ Parcel 2 also has a branch but is not currently supported. Please see our build tool and bundler support tracking issue for the latest support notes: oddsdk/ts-odd#293

Try it

The app is live at: https://young-turquoise-metalic-fairy.fission.app/

Setup

Install dependencies.

npm install

Develop

To work on the application locally:

npm start

Open the app in your web browser:

• Create React App and Vite: localhost:3000
• Webpack: localhost:8080

Build

Build the application.

npm run build

The build will be in build for Create React app, dist for Vite and public for Webpack.

Publish

You can publish your own version of this app with Fission! Install the Fission CLI if you haven't already.

Build the application before the following steps.

Delete fission.yaml and then register your own subdomain.

fission app register

The CLI should prompt you with the appropriate build directory depending on which build tool or bundler you used.

Publish the app.

fission app publish

Your version of the app is now live!