Développement react (front)

Vous venez tout juste de déployer smartboot dans votre module et vous vous demandez par où commencer pour la partie front ? Vous êtes au bon endroit !

Installation des dépendances

cd mobile
npm i

Première configuration

copier ou renommer le fichier mobile/.env.example en mobile/.env

VITE_API_URL=https://dlc.on1.dolizen.fr/custom/smartdlc/pwa/api.php
VITE_APP_VERSION=dev
VITE_LOCALES=en,fr

Lancement

Pour lancer :

cd mobile
npm run dev

Arborescence des pages de votre application

L'arborescence préinstallée est la suivante

Un zoom sur le sous dossier src/components/pages/ est important car c'est ici que vous irez probablement commencer vos tests

.../...
src/components/pages/
├── errors
│   ├── Error404Page
│   │   └── index.jsx
│   └── index.js
├── index.js
├── private
│   ├── HomePage
│   │   ├── Blocks
│   │   │   └── index.jsx
│   │   ├── index.jsx
│   │   ├── SettingsPanel
│   │   │   └── index.jsx
│   │   └── Waves
│   │       └── index.jsx
│   └── index.js
└── public
    ├── index.js
    ├── LoginPage
    │   ├── index.jsx
    │   └── Waves
    │       └── index.jsx
    └── WelcomePage
        ├── index.jsx
        └── Waves
            └── index.jsx

Dans cette structure vous trouverez donc

private/ → les pages publiques accessibles sans authentification (welcome et login)
public/ → les pages protégées par l'authentification (home)