This project was generated with Angular CLI version 8.3.4. (npx ng new angular-store)
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
##LIFT
Folder per component, over functionality
Lastname to files, .component.ts, .module.ts
flat folder structure
try dont repeat yourself
Components = render, visual and interactive inputs and outputs to transfer data Containers = fetch
docker pull nginx:alpine
docker run -d -p 8080:80 -v ${pwd}/dist/angular-store/:/usr/share/nginx/html nginx:alpine
docker ps / docker stop
docker build . -t angular-store:latest
docker run -d -p 80:80 angular-store:latest
npm i webpack-bundle-analyzer --save-dev
Generar archivo de estadisticas
ng build --prod --stats-json
correr el bundle-analyzer
npx webpack-bundle-analyzer dist/angular-store/stats-es2015.json
peso en bites aplicación
Empaquetador detecta código que no se esté utilizando y lo elimina
in angular json can change the budget for the size of each file https://perf-budget-calculator.firebaseapp.com/ https://www.performancebudget.io/
Guess.js generate predictive model using tensorflow
https://analytics.google.com/analytics/web/?authuser=0#/provision
npx firebase-tools login npx firebase-tools init hosting / select project / public directory = dist/angular-store / n / n npx ng build --prod npx firebase-tools deploy https://angular-store-63248.firebaseapp.com/