Angular Addicts #25: Angular and Wiz will be merged, the differences between React and Angular & more
Tags: angular, typescript, ngrx, javascript
Published: 2024-05-14 06:22:24

---
title: Angular Addicts #25: Angular and Wiz will be merged, the differences between React and Angular & more
published: true
description: My favorite Angular resources of April, 2024
tags: #angular #typescript #ngrx #javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x6oxuwmozym7837fw6zv.png
canonical_url: https://www.angularaddicts.com/p/angular-addicts-25-angular-and-wiz
---

## 👋Hey fellow Angular Addict
This is the 25th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention. (Here are the [24th](https://www.angularaddicts.com/p/angular-addicts-24-signals-tan-stack), [23rd](https://www.angularaddicts.com/p/angular-addicts-23-angular-17-2-signal-forms) and  [22nd](https://www.angularaddicts.com/p/angular-addicts-22-angular-17-1-signal-inputs)  issues.)
## 💎Angular Gems of April, 2024
### 📰 [Angular and Wiz Are Better Together](https://blog.angular.io/angular-and-wiz-are-better-together-91e633d8cd5a)
Google has two web frameworks: Angular and Wiz. Historically, Wiz has been focused on performance-critical apps, and Angular has been focused on serving highly interactive apps. In their article, [Jatin Ramanathan](https://twitter.com/JatinRamanathan)  and [Minko Gechev](https://twitter.com/mgechev) explain the differences between the two frameworks, and how the two frameworks will be gradually merged together in the coming years.
### 📰 Mastering the Design-to-Code Flow with Figma, Storybook, and Angular
  
In his four-part article series, [Markus Nissl](https://twitter.com/markusnissl) shows us modern workflows for design and development with the help of the synergistic relationship between Figma, Storybook, and Angular:

- [Part 1: Design tokens](https://push-based.io/article/mastering-the-design-to-code-flow-with-figma-storybook-and-angular-part-1)
- [Part 2: Figma's variables](https://push-based.io/article/mastering-the-design-to-code-flow-with-figma-storybook-and-angular-part-2)
- [Part 3: Extracting the variables (design tokens) from Figma](https://push-based.io/article/mastering-the-design-to-code-flow-with-figma-storybook-and-angular-part-3)
- [Part 4: Applying the design tokens to Angular components](https://push-based.io/article/mastering-the-design-to-code-flow-with-figma-storybook-and-angular-part-4)

### 📰 [Someone finally fixed Javascript](https://dev.to/almaju/someone-finally-fixed-javascript-426i)

[Effect](https://effect.website/docs/introduction) is a powerful TypeScript library designed to help developers easily create complex, synchronous, and asynchronous programs. [Almaju](https://dev.to/almaju)  demonstrates four features of Effect:
- Concurrency handling
- Type safe error handling
- Branded types, and
- Dependency injection

### 📰 Understanding between Angular & React

[Maksim Dolgikh](https://medium.com/@maks-dolgikh) wrote a series of articles to make it easier to understand the differences between the two major web technologies:

- [Understanding between Angular & React. Part 1: Dumb & Smart Components](https://itnext.io/understanding-between-angular-react-part-1-dumb-smart-components-705b020a9ed9)
- [Understanding between Angular & React. Part 2: Lifecycle hooks](https://itnext.io/understanding-between-angular-react-part2-lifecycle-hooks-2a08e91f92b8)
- [Understanding between Angular & React. Part 3: Services & Context API](https://itnext.io/understanding-between-angular-react-part-3-services-context-api-aa8d2dcfb3a3)

### 📖 [Modern Angular](https://www.angulararchitects.io/en/ebooks/modern-angular/)

[Manfred Steyer](https://twitter.com/ManfredSteyer) released the second edition of his free e-book titled 'Modern Angular'. It has 14 chapters, covering the following topics:

- Implementation of Standalone Components, Directives, and Pipes
- Compatibility with existing code and NgModules
- Routing, Lazy Loading, DI, and State Management
- Angular Elements/Web Components with Standalone Components
- Modern architectures without NgModules
- Successful use of Signals
- The new Built-in Control Flow and @ defer
- Options for automatic migrations
- esbuild, SSR, and Hydration

## 👨‍💻About the author

My name is [Gergely Szerovay](https://www.linkedin.com/in/gergelyszerovay/), I worked as a data scientist and full-stack developer for many years, and I have been working as frontend tech lead, focusing on Angular-based frontend development. As part of my role, I'm constantly following how Angular and the frontend development scene in general is evolving.

Angular has advancing very rapidly over the past few years, and in the past year, with the rise of generative AI, our software development workflows have also evolved rapidly. In order to closely follow the evolution of AI-assisted software development, I decided to start building AI tools in public, and publish my progress on [AIBoosted.dev](https://aiboosted.dev) , [Subscribe here](https://aiboosted.dev) 🚀 

Follow me on [Substack (Angular Addicts)](https://www.angularaddicts.com/), [Substack (AIBoosted.dev)](https://aiboosted.dev), [Medium](https://medium.com/@GergelySzerovay), [Dev.to](https://dev.to/gergelyszerovay), [X](https://twitter.com/GergelySzerovay) or [LinkedIn](https://www.linkedin.com/in/gergelyszerovay/) to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!

## 📨 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](https://twitter.com/gergelyszerovay)! I might feature it in the next Angular Addicts issue!