A Workshop on Building React Hooks

A new online video course from Kent C. Dodds that’s free (but signup-walled once past the introductions). The focus is on rebuilding useState and useEffect from scratch. - https://www.epicreact.dev/tutorials/build-react-hooks

#react

Angular: Integrating micro-frontends at build time using libraries and runtime…

In this story, we will be building a micro-frontend using angular libraries. - https://blog.stackademic.com/angular-integrating-micro-frontends-at-build-time-using-libraries-and-runtime-using-angular-e4dca19b3cb3

#angular

Providing Type Definitions for CSS with @property

Stephanie Eckles explains when and why traditional fallback values can fail and how @property features allow us to write safer, more resilient CSS custom property definitions. - https://moderncss.dev/providing-type-definitions-for-css-with-at-property

#css

Node.js Doubles Security Releases with Newly Automated Process

The Node project has automated its security release process, doubling the number of releases, and is re-evaluating unsupported experimental features with the Next 10 group to enhance security. - https://socket.dev/blog/node-js-doubles-security-releases-with-newly-automated-process

#nodejs

Dynamic Components in Vue

This video provides an introduction to dynamic components and why they are useful. It also dives into different ways to implement dynamic components in Vue.js. - https://www.youtube.com/watch?v=YLFOynY72sE

#vue

Flexible Network Data Preloading in Large SPAs  - https://mmazzarolo.com/blog/2024-07-29-data-preloading-script/

#react

Promises from the Ground Up

Josh notes that in order to truly understand promises, a fundamental part of modern JS development, we need “a surprisingly deep understanding of how JavaScript works and what its limitations are”. Luckily, this tutorial covers all the critical context you need. - https://www.joshwcomeau.com/javascript/promises/

#javascript

Zoom, Zoom, and Zoom

Miriam Suzanne explores in detail the three types of browser magnification. - https://www.oddbird.net/2024/07/09/zoomies

#css

Running Postgres inside Node-RED via WASM and PGlite

Node-RED is a popular Node.js-based ‘low code’ programming environment where you build ‘flows’ in the browser to connect code together. - https://conoroneill.net/2024/08/18/running-postgres-inside-node-red-via-wasm-and-pglite/

#nodejs

Easy and effective State Management for Angular with Signals

In this blog, we will delve into a simple and effective State Management technique using the novel Signals… - https://medium.com/@atakankorez/easy-and-effective-state-management-for-angular-with-signals-9dc81e904c18

#angular

Full Stack Web Push API Guide

A complete implementation of push notifications in a Remix app. “If you follow the walk through to the end, you’ll have working push notifications.” - https://www.bocoup.com/blog/full-stack-web-push-api-guide

#web #push

Seamless Payments: Integrating Stripe with Vue.js and Node.js

In this blog, learn how to integrate Stripe payment gateway into a Vue.js application. - https://rabinson.hashnode.dev/seamless-payments-integrating-stripe-with-vuejs-and-nodejs

#vue

React Owner Components

Owners vs parents and why it matters. - https://reacttraining.com/blog/react-owner-components

#react

Implementing SAML SSO in Node with Microsoft Entra ID - https://www.sheshbabu.com/posts/implementing-saml-authentication-in-node-js/

#nodejs

CSS Grid Areas

Ahmad Shadeed takes a fresh look at the CSS grid template areas and discusses how to maximize their potential today. - https://ishadeed.com/article/css-grid-area

#css

Model Inputs: Reactive Two-Way Binding

Signal-Based Alternative to Decorator-Based Two-Way Binding in Angular - https://itnext.io/model-inputs-reactive-two-way-binding-29a40c7626f2

#angular

How to Master Vue Router in Vue.js 3 with Composition API

Discover how to effectively master Vue Router in Vue.js 3 using the powerful Composition API. This comprehensive guide provides step-by-step instructions, best practices, and practical examples to help you seamlessly integrate routing into your Vue.js projects. - https://vueschool.io/articles/vuejs-tutorials/how-to-master-vue-router-in-vue-js-3-with-composition-api/

#vue

How to Build Reusable React Components

What are reusable React components? You can think of them as building blocks. They are independent pieces of code that can be reused throughout your website to save you time and effort. - https://www.freecodecamp.org/news/how-to-build-reusable-react-components/

#react

Feature-Sliced Design (FSD) Pattern

Imagine a delicious pizza as your complex project. Let’s break it down slice by slice: easy to manage and… - https://blog.stackademic.com/frontend-masters-feature-sliced-design-fsd-pattern-81416088b006

#fsd #architecture

OKLCH in CSS: Why We Moved From RGB and HSL

Andrey Sitnik explains why the new oklch() notation for declaring colors is important for design systems and color palettes. - https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl

#css