Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

--- development:angular:20200302 [02/03/2020 09:48] – creat mate
+++ development:angular:20200302 [02/03/2020 12:04] (actual) – [firebase] mate
@@ Línia 11: / Línia 11: @@
       * [[https://palantir.github.io/tslint/|tslint]] se está deprecando
       * **--save-dev** solo en desarrollo
+=== prettier
+  * introducción: [[https://medium.com/@simonhoyos/manten-limpio-tu-c%C3%B3digo-javascript-usando-linters-editorconfig-y-prettier-25dadc638b99]]
+  * tutorial: [[https://medium.com/@leonardomendoza/angular-7-prettier-99ffbec05363]]
+  * crear **.prettierrc** en el raíz del proyecto
+  * añadir configuración:<code json>
+{
+  "printWidth": 100,
+  "singleQuote": true
+}
+</code>
+  * ''npm install --save-dev tslint-config-prettier'': crea una serie de reglas en TSLINT para que convivan los dos sistemas
+  * modificar **tslint.json**
+    * añadiendo ** "tslint-config-prettier"** en la sección **extends** (convertir en array)
+  * añadir otros paquetes para hacer pre-commit:
+    * ''npm install pretty-quick husky %%--%%dev''
+    * añadir en **package.json** la siguiente configuración:<code json>"husky": {
+    "hooks": {
+      "pre-commit": "run-s format:check lint"
+    }
+}</code>
+  * reglas de .prettierignore: [[https://palantir.github.io/tslint/usage/rule-flags/]]
+  * ''npm run lint''
+=== firebase
+  * usar firebase para autenticación
+    * firebase -> auth -> método -> google
+  * ''npm install firebase-tools -g''
+    * firebase-cli
+    * ''-g'': global
+  * recoger el objeto de API de firebase
+  * guardar en **src/environments/environment.ts**, dentro de **environment**
+    * la mejor ubicación si trabajamos con entornos que cada cual puede tener sus propias configuraciones
+  * ''firebase login''
+  * ''firebase init''
+    * opción **deploy**
+    * hacer previamente ''npm run build'' ≡ ''ng build'' para saber cual es nuestro "public"
+    * no sobreescribir **index.html**
+  * ''firebase deploy'': sube nuestro proyecto al hosting de Firebase según la carpeta public que le hemos especificado
+  * ''ng build %%--%%prod'': comprime la app según lo especificado en **angular.json** en la sección projects
+=== firebase authentication
+  * tutorial: [[https://angular-templates.io/tutorials/about/firebase-authentication-with-angular]]
+  * librerías para trabajar con firebase: ''npm install @angular/fire firebase --save''
+  * guardianes de ruta: comprueba si estamos logeados para acceder a ciertas rutas