Skip to content

README.md

Latest commit

 

History

History
executable file
·
76 lines (65 loc) · 2.66 KB

README.md

File metadata and controls

executable file
·
76 lines (65 loc) · 2.66 KB

Welcome to cheatsheets-angular

Demonstration repository about Angular major features & best pratices.

See wiki for more information on Angular history & features.

https://github.com/FGAUTREAULT/cheatsheets-angular/wiki

Checkout branches to see different implementation of the demonstration project for different features and versions of Angular. This project evolve with the goal of demonstration of Angular history, along with new features added and best practices appearance.

📰 Blogging 📰

Complete Angular History
Angular vs React
AOT, JIT, Ivy Compiler

💻 Coding 💻

This repository uses gitflow.

  • Develop branch get the current stable work in progress.
  • Features will start from the develop branches and be closed if they are ment to be part of the main development.
  • Releases will be created when master steps have been achieved.
  • Main branch will contain the production ready code.

Current status: 💻

├── main
├── releases
├── develop
    ├── v5xx_Angular_Base_Project
    ├── v5xx_Angular_Base_Components
    └── v5xx_Angular_Base_Navigation
└── features
    └── v5xx_Angular_Base_Project

Please prefix your features with the version of angular they have to be built with: 

vXXX_Human_readable_short_description

Versions compatibility

To use older versions of angular you will be required the compatible versions of nodejs, npm and @angular/cli

Here are easy steps to ensure that.

  1. Install nvm (check latest script first)

https://github.com/nvm-sh/nvm

  1. To enable nvm close & reopen your terminal
nvm --version
nvm ls-remote
  1. Choose the compatible nodejs version for your project

https://gist.github.com/LayZeeDK/c822cc812f75bb07b7c55d07ba2719b3

  1. Install and use it
nvm intall vXXX
nvm use vXXX
node -v
npm -v
  1. Install the particular version of @angular/cli
npm install -g @angular/cli@X.X.X
  1. Finally create your project with cli.
npm cache clean --force
ng new my-app
cd my-app
ng serve --open

🎓 Learning 🎓

Design Experiments

https://codepen.io/FGAUTREAULT/pen/BapZZgG

⚡️ Performance Optimization ⚡️

https://t.co/HSi1qcePBu // Bundle optimization
https://t.co/XlYJqfurP6 // Profiling apps in @ChromeDevTools
https://t.co/ete6KJtpXE // Using the Angular extension for @ChromeDevTools
https://t.co/d6uF14KjOi // Angular performance checklist