- Trabajando con Git
- Ecmascript 2015 (ES6) e Introducción a Node JS
- Creación de servidorescon NodeJS e Introducción al Framework ExpressJS
- Securizando Y Pintando Datos desde el Servidor
- Diseño y Desarrollo APIs
- Desarrollo WebApp
- Almacenamiento de Datos
- Real-time y Testing
- Deploy
- ReactJS
- React-Router
- Redux/ Redux – Thunk
- Reactividad RxJS
- Testing y Side Server Rendering
-
npx create-react-app <NOMBRE APLICACIÓN> --template typescript
-
Quitar las
^
de las dependencias delpackage.json
-
Eliminar
yarn.lock
si existe y si decidimos usarnpm
para la gestión de dependencias. -
Instalar dependencias de nuevo
npm i
-
Actualizar dependencias con
npx npm-check -u -E
-
Crear fichero
.env
con el siguiente contenido dentro:SKIP_PREFLIGHT_CHECK=true
-
Crear fichero
.editorconfig
con lo siguiente:root = true [*] indent_style = space indent_size = 2 end_of_line = lf trim_trailing_whitespace = true insert_final_newline = true charset = utf-8 [*.md] indent_size = 4
-
Crear fichero
.prettierrc
con lo siguiente:{ "semi": false, "singleQuote": true, "printWidth": 100, "arrowParens": "avoid", "trailingComma": "none" }
-
Endurecer la configuración del
tsconfig.json
con las siguientes opciones:{ "compilerOptions": { "strict": true, "noFallthroughCasesInSwitch": true, "noUnusedParameters": true, "noUnusedLocals": true, "alwaysStrict": true, "forceConsistentCasingInFileNames": true } }
-
Instalar prettier:
npm i prettier -DE
-
Añadir script de formateo al
package.json
:{ "scripts": { "format": "prettier --write \"modules/**/*.{js,jsx,ts,tsx,json,css,md}\"" } }
-
Añadir git hook con husky + lint-staged ejecutando el siguiente comando:
npx mrm lint-staged
-
Añadir un hook de pre-push en el
package.json
que ejecute los test automáticamente cuando se haga push:{ "husky": { "hooks": { "pre-commit": "lint-staged", "pre-push": "npm test" } } }