mrmilu / react.base

Mr Milú's official starter template for React.js projects.

Base Mr. Milu: React.js

Index and features

• Vite
• Clean architecture
• Dependency Injection (Inversify)
• Typescript
• Class transformers
• Zustand
• Apollo Client (GraphQL)
• Commitlint (with conventional commits config)
• Vanilla extract
• ESLint (with TypeScript config)
• Prettier
• Error boundary
• react-i18next (i18next react official documentation)
• Development proxy server
• React Router 6
• Sentry

Prerequisites

This project uses the following packages

• nvm (Node version manager)
• Just (For justfile usage)

Run the following command to install the node version declared in the .nvmrc file for this project:

nvm install

Finally, enable corepack so the correct version of yarn is used.

just corepack-enable

First steps

Install dependencies

just install-deps

Run project

In one terminal shell

just dev

And in another shell

just ioc-generate-watch

See a list of available commands

just

Proxy commands through nvm

just nvm-exec "yarn add @front_web_mrmilu/hooks"

Environment variables

Create a .env.development.local file with your environment variables with the following defaults for dev server

VITE_APP_API_URL=http://localhost:3000
VITE_APP_ANOTHER_API_URL=http://localhost:3000
VITE_APP_GRAPHQL_PROXY_ENDPOINT=https://graphqlzero.almansi.me
VITE_APP_REST_PROXY_ENDPOINT=https://jsonplaceholder.typicode.com
VITE_APP_SENTRY_DSN=project_dsn
VITE_APP_SENTRY_ENABLED=false
SENTRY_ENVIRONMENT=dev