Angular Addicts Issue #5: New features in Angular 14.2, Bundle size optimization, Tutorials & more
My favorite Angular resources of August, 2022
๐Hey fellow Angularย Addict
This is the 5th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention. (You can read the first, second, third and fourth issueย here.)
๐Angular Gems of August,ย 2022
๐ฐWhy Angular 14โs new inject() function is soย amazing?
The inject() function was introduced in Angular 14.0, it takes an InjectionToken as a parameter and returns its value from the currently active injector. In his article, Vlad Gheorghita shows multiple different use cases for this newย feature.
Why Angular 14โs new inject() function is so amazing?
๐ฐThe Ultimate Clean Architecture Template for TypeScript Projects
Aziz Nal shares a Typescript project architecture that allows your code to be independent of frameworks, databases, or UIs and makes your code more testable. In his second article, he demonstrates an Angular project based on his template.
The Ultimate Clean Architecture Template for TypeScript Projects
How To Implement a TypeScript Web App With Clean Architecture
๐ฐOptimize the Bundle Size using Source Mapย Explorer
Mohammedfahimullah demonstrates how to analyze the bundle size of an Angular application, then shows us some interesting optimization techniques.
Optimize the Bundle Size using Source Map Explorer
๐ฐDesign systems: Prototyping onย steroids
In his article, Daniรซl De Wit explains how their team creates high fidelity prototypes based on their own design system, usingย Angular.
Design systems: Prototyping on steroids
๐ขRelease and deprecation announcements
๐ข Angular 14.2.0 isย out
Netanel Basal covered the most interesting new features in the following articles:
๐ขThe State of end-to-end testing with Angular by Mark Thompson (@marktechson)
The Angular Team deprecated Protector, its last release will be released in Angularย v16.
The State of end-to-end testing with Angular
๐ขNx 14.5โโโCypess v10, Output globs, Linter perf, React Tailwindย support
Juri Strumpflohner summarizes the changes in the latest version ofย NX:
Cypress v10 and Component Testing
Globs for Task Outputs inย nx.json
Parameter Forwarding when building dependent projects
Nx module boundary lint rule feature improvements, it got an order of magnitude faster
Nx Migrate improvements and Nxย Repair
Tailwind Setup Generator forย React
React Native: Add Detox config to Expoย apps
Nx 14.5โโโCypess v10, Output globs, Linter perf, React Tailwind support
๐จโ๐ซTutorials andย guides
๐จโ๐ซHow To Quickly Get Started With GraphQL inย Angular
Haroun Chebbi walks us through the setup of an Angular project with Apollo Angular and Angular Material, then creates a country list application.
How To Quickly Get Started With GraphQL in Angular
๐จโ๐ซWhat is App monitoring?
Bhoomi Bhalani explains the importance of application monitoring and demonstrates how to set up Sentry for an Angularย app.
๐จโ๐ซHow to create your own Angular Tooltip Directive
In his tutorial, Piotr Goลofit shows us how to create a lightweight, plain HTML/CSS based tooltip directive inย Angular.
How to create your own Angular Tooltip Directiveโโโa short tutorial
๐ฌ Tweets
Here is a collection of my favorite tweets from August,ย 2022:
๐โโ๏ธWho is behind Angularย Addicts?
My name is Gergely Szerovay, I work as a frontend development chapter lead. Teaching (and learning) Angular is one of my passions. I consume content related to Angular on a daily basisโโโarticles, podcasts, conference talks, you nameย it.
I created the Angular Addict Newsletter so that I can send you the best resources I come across each month. Whether you are a seasoned Angular Addict or a beginner, I got youย covered.
Next to the newsletter, I also have a publication calledโโโyou guessed itโโโAngular Addicts. It is a collection of the resources I find most informative and interesting. Let me know if you would like to be included as aย writer.
Letโs learn Angular together! Subscribe hereย ๐ฅ
๐น๏ธPrevious issues
If you missed the previous issues of the newsletter, you can read themย here:
Angular Addicts Issue #2: Angular 14, NX 14, RxJS and NgRx tips & more
Angular Addicts Issue #3: recent version updates, my fav tweets & more
Angular Addicts Issue #4: Micro Frontends, Moduliths, Tutorials & more
๐จ Submit your Angularย resource
Have you found or written an interesting Angular-related article, tweet or other resource lately? Please let me know here in the comments or send me a DM on Twitter! I might feature it in the next Angular Addictsย issue!
Angular Addicts Issue #5: New features in Angular 14.2, Bundle size optimization, Tutorials & more was originally published in Angular Addicts on Medium, where people are continuing the conversation by highlighting and responding to this story.