Angular directive composition

Let’s take a look at one of the most awaited Angular features - https://kevinkreuzer.medium.com/angular-directive-composition-e7d9f789323

#angular

CSS Custom Properties Beyond the :root

Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root

#css

Vue Mastery: The smart way to add external scripts to your Vue app

In this tutorial, we will be creating a Vue component which can load any number of external scripts into our Vue app without blocking the smooth execution and rendering of our code, and emit events to notify us when each script has been downloaded. - https://leighola.hashnode.dev/vue-mastery-the-smart-way-to-add-external-scripts-to-your-vue-app

#vue

Turbopack: Is Vercel's newest toy better than Vite?

Vercel just introduced Turbopack, an incremental bundler optimized for JS. But what is Turbopack? And is it… - https://blog.bitsrc.io/turbopack-is-vercels-newest-toy-better-than-vite-32abcf95ee43

#turbopack

Advanced Multistep Forms with React Hook Form - https://claritydev.net/blog/advanced-multistep-forms-with-react

#react

CSS Logical Properties: A good use case
Wes Bos shares a practical use case for CSS Logical Properties. - https://www.youtube.com/watch?v=IS698Tc5M7Q

#css

The Most Important Thing You Need To Understand About Angular

The Angular “Template Context” is a practically useful mental model, which once internalized, will be your… - https://tomastrajan.medium.com/the-most-important-thing-you-need-to-understand-about-angular-5f2b3afcac38

#angular

Over 100 Algorithms and Data Structures Demonstrated in JS

Examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. - https://github.com/trekhleb/javascript-algorithms

#javascript

A Practical Guide to Not Blocking the Event Loop

Typically, JavaScript engines run JavaScript in a single thread with an event loop. However, the nature of mixing synchronous and asynchronous tasks, along with the increasing popularity of workers for running code on separate threads, makes the landscape harder to navigate than it used to be. - https://www.bbss.dev/posts/eventloop/

#nodejs

Logging in and Logging Out

The article explains how to create a user authentication system using Supabase and integrate it with Nuxt 3, the popular Vue.js framework for building web applications. - https://masteringnuxt.com/blog/logging-in-and-logging-out

#vue

Conditional CSS with :has and :nth-last-child

Ahmad Shadeed highlights a few examples of where you can combine a CSS selector with :has() to create conditional component/layout states. - https://ishadeed.com/article/conditional-css-has-nth-last-child

#css

How to Write Comments in React: The Good, the Bad and the Ugly

{/* Writing comments like this */ } is the usual way to write comments in JSX, but there are two other ways you should also know. - https://dmitripavlutin.com/react-comments/

#react

Use Inheritance to Unsubscribe from Observables

A reuse method to unsubscribe from observables - https://medium.com/cp-massive-programming/angular-user-inheritance-to-unsubscribe-from-observables-f5617fbbd8f2

#angular

A Business Case for SvelteKit

A good post covering the experience of migrating from Meteor to SvelteKit, the process this team undertook, and the outcomes from both a performance and UX point of view. - https://elliscs.hashnode.dev/a-business-case-for-sveltekit

#sveltekit

Deopt Explorer: A VS Code Extension to Inspect V8 Trace Log Info

A thorough introduction to a new tool from Microsoft for performing advanced analysis of data coming from the V8 engine’s internals, including CPU profile data, how inline caches operate, deoptimizations, how functions were run (interpreted or compiled) and more. - https://devblogs.microsoft.com/typescript/introducing-deopt-explorer/

#nodejs

Integrating Google sheets api with nuxt 3

This guide will walk you through how to use the Google Sheets API as a database and pair it with a Nuxt.js 3 application. - https://zachary.hashnode.dev/how-to-use-google-sheets-with-nuxt-3

#vue

How to access the component inside <ng-content> using ContentChild

When creating components in Angular, sometimes we want to put one component inside another. To do this, we… - https://medium.com/@matsal.dev/angular-how-to-access-the-component-inside-ng-content-using-contentchild-2e88b455b6c2

#angular

Solving Media Object Float Issues With CSS Block Formatting Contexts

Gabriel Shoyombo covers common problems with CSS floats and how to solve them using a block formatting context (BFC). - https://www.smashingmagazine.com/2023/05/media-object-float-issues-css-block-formatting-contexts

#css

Nine Hours on React Router 6

A pretty epic video from Scrimba’s Bob Ziroll that you’ll need a lot of coffee to get through, but you get to see the development of a complete app based around React Router, and it’s free. - https://www.youtube.com/watch?v=nDGA3km5He4

#react

Reducing the Cost of String Serialization in Node's Core

Is it possible to reduce the cost of string serialization in Node, particularly in the context of URL parsing? Research was done and the answer is.. yes, by quite a lot too. Benchmarks included. - https://www.yagiz.co/reducing-the-cost-of-string-serialization-in-nodejs-core

#nodejs