Skip to content

Latest commit

 

History

History
3641 lines (3305 loc) · 186 KB

utils-angular-list.md

File metadata and controls

3641 lines (3305 loc) · 186 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...
  • Type of update: optimistic, pessimistic
  • Layer for signal: components only or everywhere
  • Css normalisation standard: BEM et OOCSS

HELPER: DECISIONS SYNC

  • optimistic or pessimistic updates

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, config files at runtime, switch services at runtime...

CORE: BUILD

production, build, bundle...

CORE: BUILDER

CUSTOM BUILD / CLI BUILDER / CUSTOM WEBPACK / DEPLOYMENT BUILDER / CLOUD HOSTING

CORE: ELEMENTS

CORE: RENDERING

CORE: TEMPLATE

CORE: RESPONSIVE

CORE: DIRECTIVES / DIRECTIVE COMPOSITION

CORE: COMPONENTS

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

CORE: ARCHITECTURE

CORE: STANDALONE

https://timdeschryver.dev/blog/fixing-angular-standalone-components-that-have-a-circular-dependency

CORE: MODULES

CORE: FORMS

Learn how to build perfect form using reactive forms.

CORE: FORMS: TEMPLATE

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: DEFER

CORE: SECURITY

CORE: CSS

CORE: UNIVERSAL

Learn everything about angular universal, make a good SEO.

CORE: SIGNALS

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 ANGULARJS

ECOSYSTEM: COMPANIES

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: SIGNAL STORE

ECOSYSTEM: STORE: ALTERNATIVE

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

ECOSYSTEM: WEB-COMPONENTS WEBCOMPONENTS

ECOSYSTEM: MICROFRONTEND

ECOSYSTEM: MICROFRONTEND: FEDERATION

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: NX CACHE (TOADD)

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: PRETTIER

ECOSYSTEM: LIB: LINT

ECOSYSTEM: LIB: DEVTOOLS

ECOSYSTEM: LIB: LAZY

ECOSYSTEM: LIB: SIGNALS

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: DESIGN SYSTEM

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 / LOCALE / LOKALIZE

ECOSYSTEM: LIB: COMPONENT: NOCODE

ECOSYSTEM: LIB: COMPONENT: ALL

ECOSYSTEM: LIB: COMPONENT: QR CODE

ECOSYSTEM: LIB: COMPONENT: LAYOUT

ECOSYSTEM: LIB: COMPONENT: DRAG AND DROP

ECOSYSTEM: LIB: COMPONENT: SNACKBAR / TOASTR

ECOSYSTEM: LIB: COMPONENT: ICONS

ECOSYSTEM: LIB: COMPONENT: LAYOUT / GRID / TABLE

ECOSYSTEM: LIB: COMPONENT: PRIMITIVES / CDK MATERIAL

ECOSYSTEM: LIB: COMPONENT: CAROUSEL/SLIDER/GALLERY

ECOSYSTEM: LIB: COMPONENT: TOUR

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: FORMS

ECOSYSTEM: LIB: COMPONENT: EDITOR / WYSIWYG

ECOSYSTEM: LIB: COMPONENT: DRAG

ECOSYSTEM: LIB: COMPONENT: MEDIA+2D/3D

ECOSYSTEM: LIB: UI

ECOSYSTEM: LIB: STORAGE

ECOSYSTEM: LIB: ANIMATIONS

ECOSYSTEM: LIB: AUTH

ECOSYSTEM: LIB: PAYMENT

ECOSYSTEM: LIB: CRYPTO

ECOSYSTEM: LIB: RPC

ECOSYSTEM: LIB: GEOLOCATION

ECOSYSTEM: LIB: ACL

ECOSYSTEM: LIB: ANIMATIONS

ECOSYSTEM: LIB: PWA / WEBPUSH

ECOSYSTEM: CI/CD

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

ECOSYSTEM: PLUG & PLAY:

ECOSYSTEM: DEMO: EXPERIMENT

ECOSYSTEM: DEMO: TRAINING

ECOSYSTEM: DEMO: STARTER

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: FEAT

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: SSR

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: NX

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: SCULLY

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: INSTALL

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: FULL

ECOSYSTEM: DEMO: SOURCES & EXAMPLES: MICROFRONTENDS

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: OTHERS

ECOSYSTEM: ARTICLES

ECOSYSTEM: TRAINING

EVOLUTION

ANGULAR19

ANGULAR18

ANGULAR17

ANGULAR16

ANGULAR15

ANGULAR14

ANGULAR13

ANGULAR12

ANGULAR11

ANGULAR10

ANGULAR9

ANGULAR8

ANGULAR7

ANGULAR6

ANGULAR5

ANGULAR4

ANGULARJS