https://github.com/oddsdk/react-todomvc

React TodoMVC implementation backed by Webnative
https://github.com/oddsdk/react-todomvc

Last synced: 11 months ago
JSON representation

React TodoMVC implementation backed by Webnative

• Host: GitHub
• URL: https://github.com/oddsdk/react-todomvc
• Owner: oddsdk
• License: apache-2.0
• Created: 2021-07-14T16:47:22.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2023-02-06T21:29:31.000Z (over 3 years ago)
• Last Synced: 2025-07-15T03:46:14.943Z (11 months ago)
• Language: JavaScript
• Size: 3.18 MB
• Stars: 5
• Watchers: 4
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Webnative React TodoMVC

[![Built by FISSION](https://img.shields.io/badge/⌘-Built_by_FISSION-purple.svg)](https://fission.codes)

[![Built by FISSION](https://img.shields.io/badge/webnative-v0.36.1-purple.svg )](https://github.com/fission-suite/webnative)

[![Discord](https://img.shields.io/discord/478735028319158273.svg)](https://discord.gg/zAQBDEq)

[![Discourse](https://img.shields.io/discourse/https/talk.fission.codes/topics)](https://talk.fission.codes)

The repository implements TodoMVC with React and [webnative](https://github.com/fission-suite/webnative). The repository includes branches that demonstrate the same app configured with Create React App, Vite, and Webpack:

- [Create React App build](https://github.com/fission-suite/react-todomvc)

- [Vite build](https://github.com/fission-suite/react-todomvc/tree/vite)

- [Webpack build](https://github.com/fission-suite/react-todomvc/tree/webpack)

## 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](https://github.com/fission-suite/react-todomvc/pull/2), and [Migrate from CRA to Webpack](https://github.com/fission-suite/react-todomvc/pull/3) 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: https://github.com/fission-codes/webnative/issues/293

## Try it

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

## Setup

Install dependencies.

```shell

npm install

```

## Develop

To work on the application locally:

```shell

npm start

```

Open the app in your web browser:

- Create React App and Vite: `localhost:3000`

- Webpack: `localhost:8080`

## Build

Build the application.

```shell

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](https://guide.fission.codes/developers/installation) if you haven't already. 

Build the application before the following steps.

Delete `fission.yaml` and then register your own subdomain.

```shell

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.

```shell

fission app publish

```

Your version of the app is now live!