vroqjs.com

08-recipes/01-create-a-new-app.md

Create a new app

Create a new app

Use this recipe when starting a new Vroq app from scratch.

The goal is to create a small, consistent app that follows the standard bootstrap, structure, and house style from the beginning.

Steps

1. Create a standard index.html. 2. Create App.js with the standard root pattern. 3. Create shared/store/configureStore.js and shared/store/initialState.js if the app uses store. 4. Create feature folders only for real features. 5. Load /vroqjs/v01/ui.css. 6. Keep the first app small and easy to extend.

Minimal bootstrap files

Required root files:

  • index.html
  • App.js

Recommended if using store:

  • shared/store/configureStore.js
  • shared/store/initialState.js

Standard index.html

Use the documented bootstrap pattern from 03-app-structure/02-index-html.md.

Standard App.js

Use the documented pattern from 03-app-structure/03-app-js.md.

Structure rule

Do not create many folders at the start.

Start with:

index.html
App.js
shared/store/
features/

Then add feature folders only when the app gains real features.

Final rule

A new Vroq app should begin as a small, boring, standard app that is easy to grow later.