Сердце Фреймворка: Философия и Практика Dependency Injection в Angular

Dependency Injection (DI) один из столпов, на которых держится фреймворк Angular. Каждый разработчик, так или иначе, сталкивается с ним с первого дня: запрашивает сервисы в конструкторе, добавляет providedIn: 'root' и видит, как «магия» работает. Но именно в этом и кроется ловушка. Для многих DI так и остается на уровне «магии» удобного механизма, который просто работает. Однако поверхностное понимание этого мощнейшего инструмента неизбежно приводит к архитектурным компромиссам: неочевидным утечкам памяти, сложностям в тестировании, созданию неявных связей между компонентами и, в конечном счете, к коду, который трудно поддерживать и масштабировать. Эта статья не очередной пересказ официальной документации. Это глубокое погружение в архитектуру и философию Dependency Injection в Angular. Наша цель демистифицировать «магию» и превратить ее в предсказуемый, управляемый и мощный инженерный инструмент в вашем арсенале. Мы пройдем путь от фундаментальных принципов инверсии контроля (IoC) до тонкостей иерархического инжектора. Мы разберем на атомы все стратегии предоставления зависимостей, научимся управлять их жизненным циклом и областью видимости. Мы изучим продвинутые паттерны с использованием InjectionToken и multi-провайдеров и поймем, как современная функция inject() меняет подход к композиции логики. Перейти к полному анализу

https://habr.com/ru/articles/931400/

#dependency_injection #angular #ioc #typescript #архитектура_приложений #паттерны_проектирования #provideIn #InjectionToken #treeshaking #Standalonecomponents

再exportの修正をしてバンドルサイズを約30%削減した
https://qiita.com/kyntk/items/db0f6fdc1024f31d81e5?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #フロントエンド #webpack #TreeShaking

[blog] Comment faire du #TreeShaking (se débarrasser du code inutile) sans #Bundling (concaténer le code dans un unique fichier) en #Javascript ?

Une piste à explorer : #Deno et sa commande 'info'.

https://omacronides.com/notes/2023-09-21/

[blog] Comics : notes de développement

Quelques notes sur le développement d'une application #Javascript de gestion de bédés numériques (#Comics, #cbz) :

* Simplification des #Apis
* Choix d'une librairie pour gérer les #zip
* Faire du #Dom sous #NodeJs ou #Deno
* #Bundling et #TreeShaking

https://omacronides.com/notes/2023-09-09/

Last week, we landed a small change in #Metro to preserve comments: https://github.com/facebook/metro/releases/tag/v0.76.3

While this may seem insignificant, this means that Metro will no longer omit `__PURE__` annotations that bundlers rely on for tree shaking. As of Metro 0.76.3, you may get even smaller bundles if you're using `@rnx-kit/metro-serializer-esbuild`: https://github.com/microsoft/rnx-kit/tree/main/packages/metro-serializer-esbuild#readme

In simple examples, we've seen reductions of several hundred KBs. YMMV

#ReactNative #MetroBundler #TreeShaking

RT @[email protected]

Kleiner Mini-Sketch-Comic aus gegebenem Anlass 😅 #treeshaking #frontend #comic

🐦🔗: https://twitter.com/Teapot4181/status/1577263596115230725