Angular Addicts Substack

Share this post

Angular Addicts Issue #6: ng-conf 2022, NgRx best practices, Application architecture tips & more

newsletter.angularaddicts.com

Angular Addicts Issue #6: ng-conf 2022, NgRx best practices, Application architecture tips & more

My favorite Angular resources of September, 2022

Gergely Szerovay
Oct 17, 2022
Share this post

Angular Addicts Issue #6: ng-conf 2022, NgRx best practices, Application architecture tips & more

newsletter.angularaddicts.com

👋Hey fellow Angular Addict

This is the 6th 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, fourth and fifth issue here.)

💎Angular Gems of September, 2022

📰ng-conf 2022 report

ng-conf 2022 was held at the beginning of September.

Lance Finney attended the conference in person and wrote a detailed report of his key takeaways:

ng-conf 2022 Report

Meziah Ruby also shared the notes she took during the conference:

Everything I learned at ng-conf 2022

Lorenzo Zarantonello wrote a short summary of the Angular Team Keynote:

Summary Of Angular Team Keynote @ ng-conf 2022

🎞️NgRx Industry Best Practices

In this almost 2 hour long interview, Christian LĂźdemann and Tomas Trajan talk about NgRx best practices in the industry, they cover the following topics:

  • Using NgRx schematics

  • How you can use the 80/20 rule (Pure functions should make up 80% of NgRx)

  • When in doubt, move your logic one level up-

  • View selectors

  • Action as events

  • Redux devtools

  • Effects are for orchestration only, business logic should be moved to services

  • Normalizing vs duplication of state

  • When should you use NgRx?

  • Store performance optimizations

  • What state should be stored in the store

  • Facades

NgRx Industry Best Practices (with Tomas Trajan)

📰10 Useful JavaScript Coding Techniques That You Should Use

In her article, fatfish demonstrates Javascript coding techniques for optimizing the code and improving readability.

10 Useful JavaScript Coding Techniques That You Should Use

📰Application Architecture for Angular Projects

In this article, OZ shares the experience he gained as a leader of different Angular development projects. He suggests best practices for:

  • repository management

  • state control

  • project structure

  • store and e2e testing

  • class composition

  • components and change detection

  • API & data access

Application Architecture for Angular Projects

📰It’s ok to use function calls in Angular templates!

Enea Jahollari explains how to write a helper function that provides a pipe like behavior for pure functions: it memorizes the results of the pure function and recalculates it on parameter change only. He also explains in great detail how the Angular Ivy Compiler transforms the pipes in the templates into compiled Javascript code.

It’s ok to use function calls in Angular templates!

💬 Tweets

Here is a collection of my favorite tweets from September, 2022:

Twitter avatar for @angular
Angular @angular
Want a better debugging experience? We've got you covered! @ChromiumDev #DevTools updates are coming to #Angular in v15: ✅ Link stacked traces for async operations ✅ Automatically ignore known third-party scripts @jecfish has the details!
youtu.beChrome 106 - What’s New in DevToolsWhat’s new in DevTools (Chrome 106) → https://goo.gle/3DM1AAi Chapters:0:00 - Intro0:45 - Group files by Authored / Deployed1:30 - Hide ignore-listed sources...
9:00 PM ∙ Sep 27, 2022
128Likes40Retweets
Twitter avatar for @ManfredSteyer
Manfred Steyer @ManfredSteyer
Example for modern Hydration: #Astro with #Angular, #React, and #Vue Islands ✅ Island Architecture ✅ Progressive & Partial Hydration 👇 [Source Code] github.com/manfredsteyer/…
Image
8:07 AM ∙ Sep 20, 2022
97Likes13Retweets
Twitter avatar for @biondifabio
Fabio Biondi @biondifabio
#angular 14 now supports #esbuild , a super fast JavaScript Bundler, also used by ViteJS. I have tried it right now in a small Angular project (about 10 modules) and it almost halved the build time (-44%). Open "angular.json" and update it as shown in the attached image
Image
9:57 PM ∙ Sep 14, 2022
243Likes48Retweets

🙋‍♂️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 #5: New features in Angular 14.2, Bundle size optimization, Tutorials & more

  • Angular Addicts Issue #4: Micro Frontends, Moduliths, Tutorials & more

  • Angular Addicts Issue #3: recent version updates, my fav tweets & more

  • Angular Addicts Issue #2: Angular 14, NX 14, RxJS and NgRx tips & more

  • Angular Addicts Issue #1: Nx Conf, Dev Survey & more


Angular Addicts Issue #6: ng-conf 2022, NgRx best practices, Application architecture tips & more was originally published in Angular Addicts on Medium, where people are continuing the conversation by highlighting and responding to this story.

Share this post

Angular Addicts Issue #6: ng-conf 2022, NgRx best practices, Application architecture tips & more

newsletter.angularaddicts.com
Comments
TopNew

No posts

Ready for more?

Š 2023 Gergely Szerovay
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing