Skip to content

FGAUTREAULT/cheatsheets-angular

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

30 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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

About

Demonstration repository about Angular major features & best pratices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published