Bookmarks

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

#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
#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
#ANGULAR

50+ Top Angular Interview Questions and Answers - DZone

This set of Angular interview questions will certainly be helpful for your interview, and also a recap of Angular.

Read more
#ANGULAR

fix(material): remove legacy components by andrewseguin · Pull Request #27622 · angular/components

BREAKING CHANGE: Legacy components that have an MDC-based version are no longer provided.

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
#DOCKER#YARN#MONOREPO

Orchestrating and dockerizing a monorepo with Yarn 3 and Turborepo

A monorepo approach with Yarn 3 and Turborepo

Read more
#NX

Using Yarn PnP

Next generation build system with first class monorepo support and powerful integrations.

Read more
#MONOREPO

Introducing the Enhanced Monorepo Experience on Netlify

Announcing several changes that make it easier for everyone to deploy monorepo-based sites on Netlify.

Read more
#JAVASCRIPT

Unlocking the Power of Functional Programming in JavaScript: A Comprehensive Guide

Introduction: A functional programming(FP) is paradigm, means a way of thinking about software...

Read more
#ANGULAR#RXJS

A sweet spot between signals and observables 🍬

The migration wave to signals is real, state management libraries have started to add support to support both observables and signals…

Read more
#TYPESCRIPT

Infer keyword in TypeScript 📜

TypeScript's infer keyword is your secret weapon for effortlessly deducing types, simplifying code,...

Read more
#NX

✌️ Nx Plugin v2: Dynamic Project Configurations

Unlocking the Full Potential of Nx: A Comprehensive Guide to Centralizing Project Configurations for Enhanced Efficiency

Read more
#MONOREPO#DEVOPS

Elevating enterprise deployment: Introducing an enhanced monorepo experience on Netlify

Enterprises continually seek ways to enhance their development strategies to stay ahead of the curve, and monorepos have emerged as an increasingly popular solution.

Read more
#JAVASCRIPT

JavaScript One-Liners to Use in Every Project

JavaScript is a powerful language that can do a lot with very little code. In some cases, the amount of code you need to write doesn't exceed more than a single line, which is why they are known as one-liners. Let's go through 10 essential one liners worth using in

Read more
#INTELLIJ#GIT

Partial commit: Keeping Git history clean in any JetBrains IDE

Keep your Git history clean (and ask your team to do the same) by using partial commits instead of large commits with unrelated changes. Follow along with @P...

Read more
#ANGULAR

DOM, DI and View: the trees of Angular

It’s easy to mistake DI tree of injectors for DOM tree of actual HTML elements & Angular views. Let’s explore the differences &…

Read more
#ANGULAR

How to migrate Angular CoreModule to standalone APIs - Angular Experts

Let's learn how to migrate commonly used Angular CoreModule (or any other Angular module) to standalone APIs to fully embrace standalone project setup!

Read more
#ANGULAR#CSS

Angular + Stitches: How to use CSS-in-JS in Angular | Articles | Sandro Roth

Read more
#NX

Extending an existing NX generator

Nx provides a wide range of built-in tools that automatically generate code for you. These code...

Read more
#DESIGN

GitHub - coryrylan/reusable-ui-component-api-guide: An API guide outlining best practices for constructing highly reusable UI components on the Web

An API guide outlining best practices for constructing highly reusable UI components on the Web - GitHub - coryrylan/reusable-ui-component-api-guide: An API guide outlining best practices for const...

Read more
#PAYLOADCMS

How To Build A Multi-Tenant App With Payload

Cut costs, save time, and ship faster by sharing infrastructure when you setup Payload as a multi-tenant application.

Read more
#ANGULAR#RXJS

Advanced caching with RxJS

When building web applications, performance should always be a top priority. One very efficient way to optimize the performance of our applications and improve the experience of our site is to use caching mechanisms. In this post we'll develop an advanced caching mechanism with RxJS and the tools provided by Angular to cache application data.

Read more
#ANGULAR

Router data as components inputs in Angular v16 - Angular inDepth

Router data as components inputs is a new feature coming in Angular 16. In this article, we will explore how it works, and learn how to use it.

Read more
#DESIGN SYSTEM

(29) Post | Feed | LinkedIn

How do you organize your design system? Here are some obscure but exceptional design systems that I keep coming back to very often ↓ Nordhealth Design… | 32 comments on LinkedIn

Read more
#ANGULAR

Angular Libraries Support

Read more
#REACT

GitHub - vantezzen/auto-form: 🌟 A React component that automatically creates a @shadcn/ui form based on a zod schema.

🌟 A React component that automatically creates a @shadcn/ui form based on a zod schema. - GitHub - vantezzen/auto-form: 🌟 A React component that automatically creates a @shadcn/ui form based on a...

Read more
#DESIGN

8 best practices for UI card design

What is important for you in the UI card design? I’d like to share with you the best practices that I’ve collected. Before that, let’s…

Read more
#NX

Nx Targets Elevated (Part One)

Unlocking the Full Potential of Nx: A Comprehensive Guide to Centralizing Targets for Enhanced Efficiency

Read more
#ANGULAR

Facading your Signals

Typically, enterprise development is slow, and as an enterprise developer, I’m pretty slow as well. The Angular Signals hype has been all…

Read more
#ANGULAR

Rendering cycle in Angular applications — browser, angular and zone.js interaction

Modern web stack involves lots of moving parts. Let’s go over each of them in Angular web applications.

Read more
#NX

Nx Targets Elevated (Part Two)

Streamlining Target Centralization: A Structured Approach for Various Project Types

Read more
#NX

Evergreen Tooling - More than Just CodeMods

NO DESCR

Read more
#RXJS#ANGULAR

RxJS can save your codebase

Sometimes RxJS is the *perfect* tool for the job. If you've used it for the wrong job, you might never want to touch it again. But if you remain open-minded towards it, it can sometimes save your codebase from exploding into overly complex spaghetti-code.

Read more
#TYPESCRIPT#CLEAN CODE

Clean Up Code Smells with Clean Code: TypeScript Edition

Common Code Smells in JavaScript and TypeScript and How To Fix Them

Read more
#ANGULAR#RXJS

Angular Signals & Observables: Differences

Angular 16 brought a new reactivity primitive, and Signals will be compared to Observables. I’ll highlight their differences.

Read more
#ANGULAR

Exploring Angular Signals

Pros and cons of a new thing in the Angular world

Read more
#ANGULAR

Angular Signals — Timing

Angular v16 has been released, and my article is about the most important feature that this release brings: Angular Signals.

Read more
#ANGULAR

Application State Management with Angular Signals

In this article, I will demonstrate how to manage your application’s state using only Angular Signals and a small function.

Read more
#MONOREPO#TYPESCRIPT

How ng-morph can help you keep your big monorepo always clean as new

It is not easy to deal with a big monorepo. Fortunately, there is a modern open source tool to simplify and automate it

Read more
#ANGULAR

Make TrackBy Easy to Use!. trackBy is a powerful function to…

trackBy is a powerful function to improve performance. But it comes with lots of boilerplate. Let’s see how we can improve the DX.

Read more
#JAVASCRIPT

Please don't write confusing conditionals

Have you ever spent more than a few seconds staring at the same line of code? How often did you find conditionals that were tricky to parse? In this article, we discuss how confusing conditionals manifest in our code. Along the way, we also explore different refactoring techniques for improving the readability of conditional control flows.

Read more
#CSS

Introduction to CSS Grid: A Comprehensive Guide

CSS Grid is a layout system that allows you to create complex, grid-based designs with ease. It...

Read more
#GIT

Moving Fast: A Retrospective on Trunk-based Development

In this article, I reflect on my experiences with trunk-based development as the project lead for DocTrack, my undergraduate project that rewrites the University of the Philippines' document tracking system as a progressive web app.

Read more
#TYPESCRIPT

Function Overloading: How to Handle Multiple Function Signatures

Function overloading in TypeScript allows you to have multiple functions with the same name but with...

Read more
#ANGULAR

Handling scrolling on Angular router transitions

By default, when a new route is activated, Angular’s router doesn’t touch the scroll position. At least this is still true of Angular 9…

Read more
#ANGULAR

5 Tips to Improve the Load Time of an Angular Application

This article discusses five tips that will be useful to improve the load time of your Angular application.

Read more
#ANGULAR

Improve Angular’s performance through memoization and TypeScript decorators

Change detection is one the most important/complex topics in Angular, if you don’t get it right, you may harm the performance of your Angular app. You might have already noticed the problem. As the…

Read more
#NX

Nx 16.5 Release!!!

We have launched SO MANY features since our last release blog on Nx 16.0, so we’re covering the major features in this blog!

Read more