Guide complet React avec Create React App. Commandes CLI pour créer des applications SPA, composants et gestion d'état.
npx create-react-app[Déprécié] Crée une nouvelle application React avec Create React App
--template--use-npm--use-pnp--typescript--scripts-version--verbose
npm create vite@latestCrée un nouveau projet React avec Vite (recommandé par React)
----template--ts--react--swc
npm run devLance le serveur de développement Vite
----host--port--open--cors--strictPort--force--mode
npm run buildCompile l'application React pour la production
----mode--target--outDir--assetsDir--minify--sourcemap--watch
npm run previewPrévisualise l'application buildée localement
----host--port--open--strictPort
npx create-next-app@latestCrée un nouveau projet React avec Next.js
--ts--tailwind--eslint--app--src-dir--import-alias--use-npm--use-yarn--use-pnpm--example-e
npm run devLance le serveur de développement Next.js
---p--port-H--hostname--experimental-https--turbo
npm run buildBuild l'application Next.js pour la production
----profile--debug--no-lint--no-mangling--experimental-build-mode
npm run startDémarre le serveur de production Next.js
---p--port-H--hostname--keepAliveTimeout
npm run lintLance ESLint pour vérifier le code React
----fix--quiet--ext--format--max-warnings--output-file--cache
npx eslint srcLance ESLint directement sur le dossier source
--fix--quiet--ext--format--max-warnings--cache--ignore-path
npm run formatFormate le code avec Prettier
----write--check--config--ignore-path--parser
npm run testLance les tests avec Jest
----watch--coverage--verbose--runInBand--maxWorkers--testNamePattern-t--updateSnapshot-u
npx jestExécute Jest directement
--watch--watchAll--coverage--verbose--runInBand--maxWorkers--testNamePattern-t--updateSnapshot-u--bail--silent--onlyChanged-o
npx tscVérifie les types TypeScript dans un projet React
--noEmit--watch-w--project-p--pretty--skipLibCheck--strict
npx npm-check-updatesVérifie les mises à jour des dépendances React
-u--interactive-i--filter-f--target-t--registry-r--doctor
npm run ejectÉjecte la configuration Create React App (irréversible)
npx sb initInitialise Storybook dans un projet React
--type--builder--use-npm--skip-install--yes-y--force-f
npm run storybookLance le serveur de développement Storybook
---p--port-h--host--ci--https--ssl-ca--ssl-cert--ssl-key--smoke-test--quiet--no-open
npm run build-storybookBuild Storybook pour le déploiement
---o--output-dir--loglevel--quiet--webpack-stats-json--preview-url--force-build-preview--test
npx playwright testLance les tests E2E avec Playwright
--headed--debug--ui--project--grep-g--grep-invert--max-failures--workers-j--timeout
npx cypress openOuvre Cypress Test Runner
--config-c--env-e--browser-b--port-p--headed--project
npx cypress runExécute les tests Cypress en headless
--spec-s--browser-b--headed--no-exit--port-p--config-c--env-e--record--parallel--group
npm run cleanScript personnalisé : nettoie les dossiers de build et node_modules
npx http-server buildSert le dossier build avec un serveur HTTP simple
-p--port-a--address-c--cache--cors--gzip--brotli--ssl--cert--key
npx vercelDéploie l'application React sur Vercel
--prod--confirm--no-clipboard--token-t--scope-S--name--env
npx netlify deployDéploie l'application React sur Netlify
--prod--open--message-m--site-s--auth-a--dir--functions--json--timeout
npx react-generator-app createCLI alternative pour créer un projet React avec choix interactifs
npx rcli newCLI alternative pour scaffold un projet React
-t--test-l--linter-d--directory
npx rcli generate componentGénère un composant React avec rcli
-c--component-d--directory-f--folder-s--stateless--include-test
npx eslint-plugin-reactInstalle et configure le plugin ESLint pour React
npx react-codemodExécute des codemods pour migrer le code React
--parser--extensions-j--jobs--ignore-config--verbose
npx jscodeshiftTransforme le code React avec jscodeshift
-t--transform-p--parser--extensions-d--dry--print--verbose
npx react-devtoolsLance React DevTools en standalone
npx size-limitVérifie la taille du bundle React
--json--output--why--debug--limit--config
npx webpackBundle manuellement une application React avec Webpack
--config--mode--watch--env--profile--json--progress
npx webpack serveLance le serveur de développement Webpack
--config--mode--open--port--host--hot--live-reload--https--progress
npx tsupBundle une librairie React avec tsup (basé sur esbuild)
--format--legacy-output--target--sourcemap--minify--dts--watch--clean--entry--external--platform
npx microbundleBundle une librairie React avec microbundle
--entry--output--format--target--jsx--tsconfig--css--no-sourcemap--compress--watch--raw
npx npm packCrée un package tarball de la librairie React pour test local
--dry-run
npx changesetGère les changements de version pour une librairie React
initaddversionpublishstatuspre
npx lernaGère un monorepo React avec Lerna
bootstraprunexecaddchangeddifflsversionpublishclean
npx nxExécute des tâches dans un monorepo React avec Nx
buildservetestlinte2egraphresetformatmigrateaffectedrun-many
npx turboExécute des tâches avec Turborepo
builddevlinttestcleanprunerunlslinkunlinkloginlogout
npx rsbuildBuild React avec Rsbuild (alternative rapide à Webpack)
devbuildpreviewinspect--config-c--open--port--host
npx ladleAlternative à Storybook pour les composants React
servebuildpreview--port--base--out
npx analyzeAnalyse la taille du bundle (via source-map-explorer)
--html--json--tsv--gzip--only-mapped
npx prettier --write .Formate tout le projet React avec Prettier
--check--config--ignore-path--parser--print-width--tab-width--single-quote--trailing-comma
npx rimrafSupprime récursivement des dossiers (node_modules, dist, .next)
--glob-g--verbose
npx cross-envDéfinit des variables d'environnement cross-platform
