vite-react-bootstrap-redux-toolkit-js

A Vite template for javascript react apps using react-bootstrap and redux-toolkit.

Usage

If you haven't already, globally install vite and degit:

npm install -g vite degit

# or

yarn global add vite degit

Then, to create a new project based on this template:

npx degit accessitech/vite-react-bootstrap-redux-toolkit-js my-app

Navigate to the new directory and install dependencies, and start the dev server:

cd my-app
npm install
npm run dev

# or

cd my-app
yarn
yarn dev

Features

Different branches offer different options for the template; each stack offers slightly different FE tooling.

rbrt-spa

React, Bootstrap, and Redux Toolkit (rbrt) single page application (spa).

rbrt-spa Includes

• React
• React Bootstrap
• Redux Toolkit

Installing rbrt-spa

npx degit accessitech/vite-react-bootstrap-redux-toolkit-js my-app

# or

npx degit accessitech/vite-react-bootstrap-redux-toolkit-js#rbrt-spa my-app

rbrt-mpa

React, Bootstrap, and Redux Toolkit (rbrt) multi page application (mpa).

rbrt-mpa Includes

• rbrt-spa + React Router DOM

Installing rbrt-mpa

npx degit accessitech/vite-react-bootstrap-redux-toolkit-js#rbrt-mpa my-app

grbrt-spa

GitHub Pages, React, Bootstrap, and Redux Toolkit (grbrt) single page application (spa).

grbrt-spa Includes

• rbrt-spa + GitHub Pages

Installing grbrt-spa

npx degit accessitech/vite-react-bootstrap-redux-toolkit-js#grbrt-spa my-app

grbrt-mpa

GitHub Pages, React, Bootstrap, and Redux Toolkit (grbrt) multi page application (mpa).

grbrt-mpa Includes

• rbrt-mpa + GitHub Pages

Installing grbrt-mpa

npx degit accessitech/vite-react-bootstrap-redux-toolkit-js#grbrt-mpa my-app