Một số thứ nên tìm hiểu khi đã biết hết 🅰️ Angular cơ bản

Cùng nâng cao kiến thức xoay quanh Angular.

🎆 Angular bản mới

Angular bản mới có gì mới, project mình đang làm có thể upgrade lên không?

New features checklist:

• github.com/angular CHANGELOG
• updating-to-version-12 tại thời điểm này (08/2021) là v12.
• What’s new in Angular 12- Update and features

Định hướng tương lai phát triên của Angular: roadmap.

Xem có gì mới với TypeScript release notes.

🛰 rxjs

• angular-vietnam/100-days-of-angular: Day 19: Giới thiệu Reactive Programming, RxJS và Observable
• 1 trang khá hay để học rxjs đó là indepth.dev. Trang này có những ví dụ minh họa dạng video nên dễ tưởng tượng hơn.

Ví dụ: debounce-time

🎲 Unit Test

• ng-mocks.sudo.eu
• ngneat/spectator
• jestjs
• jest-preset-angular

🧞‍♀️ Ứng dụng Angular animations vào dự án

• reusable-animations
• route-animations
• In-Depth guide into animations in Angular

🧘🏻‍♀️ Component nâng cao

• How to use content projection to create flexible, reusable components: content-projection.
• dynamic-component-loader

• Tìm hiểu về các cách kế thừa component:

  • hackernoon - Why Class/Component inheritance in your Angular app might not be good
  • Digitalocean - How To Extend Classes with Angular Component Inheritance
  • devblogs.microsoft - Angular How-to: Simplify Components with TypeScript Inheritance

• Bindon: lesser known Angular template features

• Component Design Patterns  —  Creating a Drawer Component

🪡 DI

• Khái niệm dependency-injection-providers
• Khái niệm forwardRef
• hierarchical-dependency-injection
• dependency-injection-in-action
• Giảm lượng code bị lặp với DI: Leveraging Dependency Injection to reduce duplicated code in Angular

💅 JavaScript Decorators

• JavaScript Decorators: What They Are and When to Use Them
• How to use TS decorators to add caching logic to API calls

🏔️ Cách dùng NgZone

• Running event listeners outside of the NgZone

🧜🏼‍♀️ Tìm hiểu về khái niệm angular-elements

Chủ đề này liên quan đến Micro Frontends.

Tham khảo:

• Day 39: Thực Hành Micro Frontends
• stackoverflow - what-does-it-mean-by-framework-agnostic
• 3 reasons why I went framework agnostic and why you should do that too
• The DOM is the API

👩🏼‍🔧 Background processing using web workers

Tiến trình chạy ngầm với web-worker.

🏄🏽‍♀️ Lint cho code sạch

• Các rule của angular-eslint

👭🏽 Support Monorepos

nx.dev - support Monorepos cho NestJS chẳng hạn.

🚚 Service worker

Quản lý caching với Service worker.

---

Photo by Robin GAILLOT-DREVON on Unsplash