Node.js: A Documentary of Its Origin Story

It's an hour long, but this documentary covers the history of Node particularly well, including how everything brewed up to the io.js fork of 2014. Easter weekend watching, perhaps? - https://www.youtube.com/watch?v=LB8KwiiUGy0

#nodejs

How to Use ‘keyof’ ‘typeof’ in TypeScript

A practical example of sorting an array with ‘keyof’, ‘typeof’ and enum. - https://blog.bitsrc.io/how-to-use-keyof-typeof-in-typescript-de453fa04fef

#typescript

Path to a Clean(er) React Architecture: API Layer and Fetch Functions - https://profy.dev/article/react-architecture-api-layer-and-fetch-functions

#react

How Custom Property Values are Computed

Stephanie Eckles reviews how the browser determines values for any property, the impact of “computed value time,” pitfalls around using custom properties with cutting-edge CSS, and why inheritance should inform your custom property architecture. - https://moderncss.dev/how-custom-property-values-are-computed/

#css

Angular Interceptors Unleashed: Solving Complex Scenarios with Ease.

Angular is a powerful and popular JavaScript framework used for building dynamic web applications. One of its… - https://blog.stackademic.com/angular-interceptors-unleashed-solving-complex-scenarios-with-ease-b1108fb1846e

#angular

How to Use the Web Bluetooth API - https://confidence.sh/blog/how-to-use-the-web-bluetooth-api/

#weapi

Globalize Your Vue App: A Practical Guide to Vue 3 Internationalization

Building web experiences that can cater to a diverse audience is important, and so is internationalization to create applications adapted to different languages and cultures. This article is a step-by-step guide to creating an international website with Vue 3 and Vite. - https://medium.com/simform-engineering/globalize-your-vue-app-a-practical-guide-to-vue-3-internationalization-93f5c7da4494

#vue

Top Node.js Tools for Production

Helios, Sentry, AdonisJS, FeathersJS, and more - https://javascript.plainenglish.io/top-node-js-tools-for-production-5dcf9f2be1c3

#nodejs

Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not

Bramus Van Damme shows how to selectively style an element based on it being scrollable or not. - https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not

#css

HTML Attributes vs DOM Properties

They’re different, but often coupled. Jake outlines the difference, and why it matters. He also touches on how frameworks deal with the contrast and how it has affected React’s support for custom elements so far - https://coderoasis.com/react-19-beta/

#react

Mastering Custom Pipes in Angular: 31 Real-world Examples (2023)

Angular provides a powerful “pipes” feature to transform and format data in templates. While Angular includes… - https://blog.bitsrc.io/mastering-custom-pipes-in-angular-31-real-world-examples-2023-c7ce8ec7faae

#angular

Handling Webhooks With Nuxt 3

This video covers what webhooks are, how to handle them in a nuxt app, and how to test them locally. - https://www.youtube.com/watch?v=4fvJ4lj3I_w

#vue

Best Structure For Node.js Project.

Optimizing Code Organization and Scalability in Node.js - https://itnext.io/best-structure-for-node-js-project-468c74410801

#nodejs

A Proposal to Add Signals to JavaScript

A (very) early stage proposal for bringing a new feature to ECMAScript/JavaScript: signals! The proposal brings aboard ideas from a swathe of popular frameworks and aims to align everyone and get us on the same page when it comes to working with state and making updates based upon changes to state. - https://github.com/tc39/proposal-signals

#javascript

Empowering Angular Forms: 40 Handcrafted Custom Validators for Precision

Angular, a popular JavaScript framework for building web applications, offers a robust set of tools for form… - https://itnext.io/empowering-angular-forms-40-handcrafted-custom-validators-for-precision-2023-0951cc0a1180

#angular

How layout position impacts three big web performance levers

Sia Karamalegos shares three common problems related to layout position: lazy loading images above the fold, asynchronous loading of CSS needed for elements above the fold, and not prioritizing the fetch of the Largest Contentful Paint (LCP) image. - https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers

#css

Awesome React: The Essential React Libraries and Resources

A well maintained collection of resources relating to the React ecosystem. Starting life as a list of several hundred items, it has since been pared down to fewer than 200 by removing all outdated projects and focusing on the essentials. - https://github.com/enaqx/awesome-react

#react

Frontend Development Beyond React: Svelte

A surprisingly thorough article going deep into one developer’s research into using Svelte to build modern front-end apps. If you’ve never experimented with Svelte, this is a good primer to the key concepts, tradeoffs, and techniques involved. - https://itnext.io/frontend-development-beyond-react-svelte-1-3-f47eda22cba5

#svelte

Vue 3 — Transitions — Why?

As a part of the Vue.js core code, a special component called "Transitions” is exposed to us. But how and why is something like this even included? - https://javascript.plainenglish.io/vue-3-transitions-why-db5ab4b85a79

#vue

A Node.js Streams Masterclass

What a treat! Join the creator of Fastify, as well as Node.js TSC member, on an hour long odyssey into the world of streams, a topic in which he specializes. He starts off quite poetically .. a stream is like an array over time .. before quickly getting on to some live coding and demos. This is one in a series of events put on by Platformatic. - https://www.youtube.com/watch?v=edB964-YYpE

#nodejs