Skip to content

Latest commit

 

History

History
3042 lines (2732 loc) · 156 KB

utils-angular-list.md

File metadata and controls

3042 lines (2732 loc) · 156 KB

Table of Contents generated with DocToc

ANGULAR LIST

HELPER: NEW

Fundamental decisions to take when new project start.

  • Angular config? template-typecheck...
  • Typescript config? strictNullChecks...
  • Rules? linting, committing, formatting...
  • Tooling? hooks, sentry, ci, cd, storybook...
  • Util lib? ngx-pipes, rxjs-prim, lodash, luxon...
  • UI lib? boostrap, material, ant, cdk, primeng...
  • UI css? default, sass, less, mixins, responsive...
  • Workspace? cli, nx, ngx-rocket, wizdm, jhipster...
  • Store lib? ngrx or another, shared context, local...
  • Translations? Official i18n, transloco, ngx-translate...
  • Change detection? default (zone), onpush+ngrx/component...
  • Structure of the rooting? primary outlet, secondary outlet...
  • Structure of the ui? simple, embedded views, view teleportation...

HELPER: BEST PRACTICES

Avoid common mistakes, bugs, find tips and checklist for good development...

HELPER: DESIGN PATTERN

Learn about the most useful design patterns in Angular.

HELPER: CHEAT-SHEETS

HELPER: ONLINE IDE

HELPER: START

HELPER: DEBUG

CORE: HMR

CORE: PWA

CORE: CLI

CORE: PIPES

CORE: OPTIMIZATION

SCALABLE PERFORMANCE PERF OPTIMIZATION / MEMORY LEAK

CORE: DATAFLOW

CORE: DECORATOR

Annotations...

CORE: CONFIGURATION

env files...

CORE: BUILD

production, build, bundle...

CORE: BUILDER

CUSTOM BUILD / CLI BUILDER / CUSTOM WEBPACK / DEPLOYMENT BUILDER

CORE: ELEMENTS

CORE: RENDERING

CORE: TEMPLATE

CORE: RESPONSIVE

CORE: DIRECTIVES

CORE: COMPONENTS

create your first components, learn how to use translusions, ng-content...

CORE: ARCHITECTURE

CORE: MODULES

CORE: FORMS

Learn how to build perfect form using reactive forms.

CORE: PLATFORM

CORE: INTERCEPTOR

Learn how to extend your app with interceptors.

CORE: GUARD

Learn how to secure your app with guards.

CORE: ACL

Access Control List is a service that allows you to protect/show content based on the current user's assigned role(s)

CORE: RXJS

Learn the reactive programming using rxjs.

CORE: HTTP

CORE: CHANGE DETECTION

Learn everything about the change detection with or without zone.js.

CORE: SCHEMATICS

Learn the schematics tool to automatize and be more efficient.

CORE: DEPENDENCY INJECTION

Learn the built-in dependency injection mecanism and how to use it to inject your services accoss the differents components.

CORE: ANIMATIONS

CORE: MATERIAL

CORE: ROUTING

Learn about the angular router, lazy load your modules.

CORE: LAZY

CORE: SECURITY

CORE: CSS

CORE: UNIVERSAL

Learn everything about angular universal, make a good SEO.

CORE: ERROR HANDLER

Learn the angular error handler in order to catch the front-end and back-end errors.

CORE: UNIT TESTS

CORE: E2E TESTS

CORE: MIGRATION

ECOSYSTEM: AUTHENTIFICATION

ECOSYSTEM: STORE: NGRX

ECOSYSTEM: STORE: NGRX: DEMO

ECOSYSTEM: STORE: NGRX: ARTICLES

ECOSYSTEM: STORE: NGRX/DATA

ECOSYSTEM: STORE: NGRX/COMPONENT

ECOSYSTEM: STORE: NGRX/COMPONENT-STORE

ECOSYSTEM: STORE: ALTERNATIVE

Discover alternative to ngrx for the state management of your objects.

ECOSYSTEM: WEB-COMPONENTS

ECOSYSTEM: MICROFRONTEND

ECOSYSTEM: MONOREPO

ANUGLAR SCALABLE / LARGE ORGANIZATION / BIG APPS REPO / MONOREPO / SHARED CODEBASE

ECOSYSTEM: INCREMENTAL

ECOSYSTEM: SEEDS

Starter samples, seeds, alternative to the default Angular CLI tools in order to help to bootstrap a new Angular project in different platforms (web, mobile, desktop)

ECOSYSTEM: JAMSTACK

ECOSYSTEM: LIB: MAKE

Learn how to make your own angular lib, build, distribute.

ECOSYSTEM: LIB: LIST

ECOSYSTEM: LIB: MONOREPO

ECOSYSTEM: LIB: MONOREPO: NX LANGAGES PLUGINS

ECOSYSTEM: LIB: MONOREPO: NX FRAMEWORKS PLUGINS

ECOSYSTEM: LIB: MONOREPO: NX CI/CD PLUGINS

ECOSYSTEM: LIB: MONOREPO: NX TOOLS

ECOSYSTEM: LIB: MONOREPO: TODO

ECOSYSTEM: LIB: JAMSTACK

ECOSYSTEM: LIB: SCULLY

ECOSYSTEM: LIB: SSR

ECOSYSTEM: LIB: IMMUTABLE

Learn the best way to make your objects immutable.

ECOSYSTEM: LIB: LINT

ECOSYSTEM: LIB: DEVTOOLS

ECOSYSTEM: LIB: LAZY

ECOSYSTEM: LIB: DOM

ECOSYSTEM: LIB: HTTP

ECOSYSTEM: LIB: ROUTING

ECOSYSTEM: LIB: UTIL

ECOSYSTEM: LIB: PIPES&DIRECTIVES&DECORATORS

ECOSYSTEM: LIB: MIXED

ECOSYSTEM: LIB: RXJS

ECOSYSTEM: LIB: GENERAL

ECOSYSTEM: LIB: ELEMENTS

ECOSYSTEM: LIB: SCHEMATICS

ECOSYSTEM: LIB: E2E TESTS

ECOSYSTEM: LIB: UNIT TESTS

ECOSYSTEM: LIB: OPTIMIZATION

Analyze and optimize the performance of your app

ECOSYSTEM: LIB: MARKETING / TRACKING

ECOSYSTEM: LIB: DEBUG

ECOSYSTEM: LIB: INTERNATIONALIZATION

ECOSYSTEM: LIB: COMPONENT: ALL

ECOSYSTEM: LIB: COMPONENT: LAYOUT / GRID / TABLE

ECOSYSTEM: LIB: COMPONENT: CAROUSEL/SLIDER

ECOSYSTEM: LIB: COMPONENT: SCROLL

ECOSYSTEM: LIB: COMPONENT: SELECT

ECOSYSTEM: LIB: COMPONENT: UPLOAD

ECOSYSTEM: LIB: COMPONENT: DATA VIZ

ECOSYSTEM: LIB: COMPONENT: MODAL

ECOSYSTEM: LIB: COMPONENT: LOADER

Add a progressbar for displaying a loader during the different async task like http requests...

ECOSYSTEM: LIB: COMPONENT: FORM

ECOSYSTEM: LIB: COMPONENT: CDK MATERIAL

ECOSYSTEM: LIB: COMPONENT: MEDIA

ECOSYSTEM: LIB: UI

ECOSYSTEM: LIB: STORAGE

ECOSYSTEM: LIB: AUTH

ECOSYSTEM: LIB: PAYMENT

ECOSYSTEM: LIB: GEOLOCATION

ECOSYSTEM: LIB: ACL

ECOSYSTEM: LIB: ANIMATIONS

ECOSYSTEM: LIB: PWA

ECOSYSTEM: CI/CD

Find here useful tips for managing your continious integration and delivery process.

ECOSYSTEM: PLUG & PLAY:

ECOSYSTEM: DEMO: TRAINING

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: FEAT

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: SSR

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: SCULLY

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: INSTALL

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: FULL

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: SPA

ECOSYSTEM: DEMO: LIVE

ECOSYSTEM: GAMES

ECOSYSTEM: MOBILE

Learn how to build mobile applications using angular. You will find many cross platform framework for building native or hybrid mobile app.

ECOSYSTEM: COMPARAISON

ANGULAR / REACT / VUE...

ECOSYSTEM: PLUGINS

Find here plugins for different browser.

ECOSYSTEM: TOOLS

Find here tools, snippets, extensions, plugins for different IDE.

ECOSYSTEM: VSCODE BEST

ECOSYSTEM: VSCODE PERSO

ECOSYSTEM: VSCODE OTHERS

ECOSYSTEM: AWESOME

ECOSYSTEM: COMMUNITY

ECOSYSTEM: BOOK

ECOSYSTEM: MEDIAS

ECOSYSTEM: ARTICLES

ECOSYSTEM: TRAINING

EVOLUTION

ANGULAR14

ANGULAR12

ANGULAR11

ANGULAR10

ANGULAR9

ANGULAR8

ANGULAR7

ANGULAR6

ANGULAR5

ANGULAR4

TOSYNC