Mastering the Design-to-Code Flow with Figma, Storybook, and Angular (Part 3)
  • Angular
  • Figma
  • Storybook

Mastering the Design-to-Code Flow with Figma, Storybook, and Angular (Part 3)

Welcome back to our design token series! In our previous entries, we’ve explored the concept of design tokens and their pivotal role in creating consistent, scalable design systems. Today, let us delve into the practical side: extracting tokens from Figma.

Markus Nissl

Markus Nissl

Mastering the Design-to-Code Flow with Figma, Storybook, and Angular (Part 2)
  • Angular
  • Figma
  • Storybook

Mastering the Design-to-Code Flow with Figma, Storybook, and Angular (Part 2)

Welcome back to our continuing exploration into design tokens, and their place within modern development flows. Picking up from where we left off, this segment puts Figma under the microscope.

Markus Nissl

Markus Nissl

Mastering the Design-to-Code Flow with Figma, Storybook, and Angular (Part 1)
  • Angular
  • Storybook
  • Figma

Mastering the Design-to-Code Flow with Figma, Storybook, and Angular (Part 1)

Welcome to the our series, where we’ll explore the synergistic relationship between Figma, Storybook, and Angular

Markus Nissl

Markus Nissl

Creating NestJS Libraries with Nx
  • JavaScript
  • Nx

Creating NestJS Libraries with Nx

After all this time using NestJS and Nx, I have identified some patterns I use to create libraries that are easy to use and maintain. I yearned to share these insights but needed a fitting use case.

Edouard Maleix

Edouard Maleix

Mastering Interaction to Next Paint with RxAngular
  • RxAngular
  • Web Performance
  • Angular

Mastering Interaction to Next Paint with RxAngular

In this article we're taking a deep dive into optimizing Interaction to Next Paint (INP) with scheduling APIs. We will examine native solutions with their pros & cons and RxAngular's approach to performance optimizations.

Kirill Karnaukhov

Kirill Karnaukhov

Performance Optimization with Zone-Flags. How to Debug Zone Flags. Part 3
  • Angular
  • RxAngular
  • Zone-Flags

Performance Optimization with Zone-Flags. How to Debug Zone Flags. Part 3

With so many moving parts involved in making Zone Flags work the way you need them to, troubleshooting is not easy. This article explains what problems to expect and which debugging strategies you should implement working with zone-flags.

Michael Hladky

Michael Hladky

Performance Optimization with Zone-Flags. A Close Look at Zone-Flags in RxAngular. Part 2
  • Angular
  • RxAngular
  • Zone-Flags

Performance Optimization with Zone-Flags. A Close Look at Zone-Flags in RxAngular. Part 2

Currently, there are two ways of configuring zone.js. In the previous article, we’ve discussed how to disable Zone completely over BootstrapOptions. Zone Flags is the other equally viable alternative to consider when deciding to configure zone.js.

Michael Hladky

Michael Hladky

Research on Reactive-Ephemeral State Management
  • Angular
  • RxJS
  • State Management

Research on Reactive-Ephemeral State Management

Studies are done with Angular as an example for a component-oriented framework and RxJS is used as an example for a reactive programming library

Michael Hladky

Michael Hladky

Lazy loading services in Angular. What?! Yes, we can.
  • Angular
  • Lazy Loading

Lazy loading services in Angular. What?! Yes, we can.

We’re used to lazy loading modules or components in Angular. But what about lazy loading services? Wait, what? Yes, we can. In this article, we will learn how to lazy load a service in Angular and it’s gotchas.

Enea Jahollari

Enea Jahollari

Observable HQ - Performance Audit
  • Web Performance
  • Performance Audit

Observable HQ - Performance Audit

A small performance audit including thought processes and methodology

Michael Hladky

Michael Hladky