Bookmarks

Collection of links to articles and other resources I recently liked.

#ANGULAR

Future of Change Detection in Angular with Signals

Learn how change detection is evolving and how signal will improve performance in the future.

Read more
#ANGULAR

Retrieve route data with resolver function in Angular

Introduction In this blog post, I demonstrate the technique of using data resolver...

Read more
#ANGULAR

Common mistakes that backend programmers make in Angular

Recently, I found myself in charge of upgrading our Angular application from version 12 to 15. In my...

Read more
#ANGULAR

Introducing Angular v17

Last month marked the 13th anniversary of Angular’s red shield. AngularJS was the starting point for a new wave of JavaScript frameworks…

Read more
#ANGULAR

This New Angular Release Is Wild

Oh no, I'm talking about Angular again.Seriously tho, this is dope and I'm hyped for the Angular communityAnnouncement: https://blog.angular.io/announcing-an...

Read more
#NX

Découvrez Nx avec Younes Jaaidi

Au DevFest de Nantes (2023), j'ai pu assister à l'excellent talk de Younes. Il nous explique la...

Read more
#API

How to (and how not to) design REST APIs

Jeff Schnitzer's Blog. Contribute to stickfigure/blog development by creating an account on GitHub.

Read more
#TYPESCRIPT

Announcing TypeScript 5.3 - TypeScript

Today we’re excited to announce the release of TypeScript 5.3! If you’re not familiar with TypeScript, it’s a language that adds type syntax to JavaScript to bring type-checking. Type-checking can catch all sorts of issues like typos and forgetting to check for null and undefined.

Read more
#PRETTIER

$20k Bounty was Claimed! · Prettier

Prettier, a JavaScript code formatter, has seen an incredible adoption thanks to its careful handling of the very, very, long tail of ways people can write code. At this point, the formatting logic has been solid and after our work on [ternaries](https://prettier.io/blog/2023/11/13/curious-ternaries) lands, it will be in a happy state.

Read more
#TYPESCRIPT

Consistent Type Imports and Exports: Why and How | typescript-eslint

Why enforcing TypeScript imports use the `type` modifier when possible benefits some project setups.

Read more
#STORYBOOK

Storybook 7.6

Improving performance, UX, and integrations ahead of Storybook 8

Read more
#ANGULAR

Use Angular’s New Deferrable Views Now

The Angular community has asked for an intuitive, built-in method to lazy load components, directives, and pipes. In Angular v17, we’ve…

Read more
#ANGULAR#REACT

Why I’ve Switched from React to Angular for My Projects

For years, my go-to frontend framework was React. I started using it professionally around 2015 and so it was a natural choice to use for…

Read more
#JAVA

We don’t need Java anymore – it belongs to a different era

I think Java is probably one of the best programming languages to have ever existed. The Java programming language is a poster child of…

Read more
#ANGULAR

Announcing Angular.dev

Today, we are excited to launch Angular.dev — the future home for Angular developers.

Read more
#ANGULAR

Angular

The web development framework for building modern apps.

Read more
#ANGULAR

Angular Control Flow

Read more
#ANGULAR

Should You Pair Signals & OnPush?

When building a web application, there are different aspects that we take into consideration,...

Read more
#ANGULAR

Forwarding Form Controls to Custom Control Components in Angular

Sometimes we want to forward and use an existing form control rather than creating a redundant value accessor wrapper. One common use case…

Read more
#ANGULAR

The Stages of an Angular Architecture with Nx

Long gone are the times when the frontend was just a dumb static website. Frontend apps have gotten increasingly complex since the rise of single-page application frameworks like Angular. It comes …

Read more
#ANGULAR

Create configurable Angular guards

When building web application, from time to time we have to protect routes from unauthorized access....

Read more
#CYPRESS#PLAYWRIGHT#TESTING

Cypress and Playwright: A Comparison

In this video, I compare the two E2E testing frameworks Cypress and Playwright. It should give you enough information to make the right decision for your project. 0:00 Welcome 1:33 Technological Approach 16:32 Developer Experience 24:22 CI 33:06 Coding 51:19 Architecture & Extensibility 58:49 Misc. Features 1:04:24 Summary & Farewell

Read more
#ANGULAR

New in Angular — Updated Control Flow

Coming soon to your nearest Angular apps!

Read more

Thinking Locally with Signals

As the creator of SolidJS, I was very influenced by React when designing the library. Despite what...

Read more
#ANGULAR#AI

Building a Chatbot with Angular and OpenAI API: A Step-by-Step Guide

This step-by-step guide is designed for beginners and provides a concise overview of building a chatbot using Angular and the OpenAI API.

Read more
#RXJS#REACT

Rewriting 28 RxJS operators as React hooks

Can React hooks really handle async code well? React hooks for 28 RxJS operators

Read more
#NX

Nx 17.0 Has Landed!!!

We’re excited to announce the release of Nx version 17!

Read more
#DESIGN SYSTEM

Ship Faster by Building Design Systems Slower | Big Medium

Successful design systems can and should move more slowly than the products they support—but a deliberate pace doesn’t have to create bottlenecks. Josh Clark shows how to reconcile the needs and speeds of product versus design system.

Read more
#PAYLOADCMS#NEXTJS

The Ultimate Guide To Using Next.js with Payload

Not every headless setup is the same, it can be confusing to know where to start. If you’re pairing Next.js with Payload, here’s everything you need to know.

Read more
#NEXTJS

Next.js 14

Next.js 14 includes included performance, stability for Server Actions, a new course teaching the App Router, and more.

Read more
#TESTING

Structuring handlers

Best practices for structuring your request handlers.

Read more
#DOCUMENTATION

Announcing Docusaurus 3.0 | Docusaurus

Today, we are happy to announce Docusaurus 3.0! 🥳

Read more
#ANGULAR

Angular: Clean Code with Strategy Pattern

Angular is a powerful JavaScript framework for building dynamic web applications. Angular provides wide ranges of libraries, flexibility…

Read more
#ANGULAR

What's new in Angular 17?

Build-in control flow, deferred loading, SSR and build performance

Read more
#ANGULAR

A Comprehensive Guide to Angular’s Defer Block

With the latest control flow enhancements, Angular v17 introduces an impressive and highly beneficial feature: the defer block.

Read more
#NX#PLAYWRIGHT

Introducing Official Support for Playwright

Nx just launched our newest plugin: @nx/playwright! In this video, @Supaship6000 takes you through all the cool stuff you can do now by adding playwright to ...

Read more
#DESIGN

The Design System Ecosystem

What does a mature, end-to-end design system look like in a big, complex organization? What are all the moving pieces, and how do they hang together as a well-considered architecture? What's required and what's optional? Hold onto your butts, because we're going to go deep on this one. Let's star

Read more
#ANGULAR

Angular v17’s View Transitions: Navigate in Elegance

Angular v17 debuts with integrated support for the cutting-edge View Transitions API. The View Transition API makes it easy to change the…

Read more
#ANGULAR

Meet Angular’s New Control Flow

This November, we’ll release Angular version 17 with a number of new template features, including a new built-in syntax for control flow…

Read more
#NX#MONOREPO

Nx lands $16M to build 'monorepo' tools for software devs | TechCrunch

Nx, a startup building tools to enable devs to use 'monorepos,' has raised $16 million in a Series A funding round.

Read more
#ANGULAR

Angular Control Flow

Read more
#ANGULAR

Should You Pair Signals & OnPush?

When building a web application, there are different aspects that we take into consideration,...

Read more
#ANGULAR

The Stages of an Angular Architecture with Nx

Long gone are the times when the frontend was just a dumb static website. Frontend apps have gotten increasingly complex since the rise of single-page application frameworks like Angular. It comes …

Read more
#ANGULAR#RXJS

Getting to Know the takeUntilDestroyed Operator in Angular

Angular v16 introduces a new feature in the @angular/core/rxjs-interop entry that includes three new operators: fromSignal, fromObservable…

Read more
#PLAYWRIGHT#CYPRESS#TESTING

Cypress to Playwright converters

Read more
#PLAYWRIGHT#TESTING

Introducing Playwright Support for Nx

We are very excited to announce our support for Playwright with our new plugin @nx/playwright.

Read more
#ANGULAR

“Error: Loading Chunk XX Failed” with Angular Lazy Loaded Modules

“When we deploy a new version of an app, we usually get the issue of loading chunks failed as the new version has new hashed name files…

Read more
#CI#DEVOPS#YARN

Make your CI faster and improve developer experience: Upgrade to Yarn 2 with (or without)…

In 2020, Yarn maintainers released a bomb in the world of JavaScript package managers. Yarn 2, or “berry”, introduced a feature called…

Read more
#ANGULAR

How To Make Angular Code More Reusable

Console Ninja Extension for your VS Code - https://bit.ly/console-ninjaLevel up your Angular skills with my advanced courses 🚀https://bit.ly/advanced-angula...

Read more
#STORYBOOK#NX

Storybook Interaction Tests in Nx

In Nx 16.6 we are introducing our new generators for Storybook interaction tests! These new generators replace the default Cypress tests we…

Read more