Angular OnPush Change Detection Strategy: An Illustrated Guide

Master Angular’s OnPush change detection strategy with this illustrated guide. - https://medium.com/angular-gems/angular-on-push-change-detection-strategy-bef4af0727b3

#angular

A highly configurable switch component using modern CSS techniques

Andy Bell shows how to build a highly configurable switch component using modern CSS, such as :has(), container queries, Logical Properties, and Custom Properties. - https://piccalil.li/blog/a-highly-configurable-switch-component-using-modern-css

#css

Improve React Component Maintainability with Layered Architecture

Unlocking the Secrets to Building Scalable and Maintainable React Components - https://blog.bitsrc.io/improve-react-component-maintainability-with-layered-architecture-25e74ba86430

#react

Use Parcel Macros in Other Bundlers with unplugin-parcel-macros

Macros, as implemented in Parcel (and Bun!), are JS functions that run at build time whose results are inlined into a bundle in place of the original call. You can now use this feature with webpack, Vite, Rollup, esbuild, etc. - https://github.com/devongovett/unplugin-parcel-macros

#parsel

A Beginner's Guide to Worker Threads in Node

Worker threads provide a way to create independent JavaScript execution threads that run in parallel. - https://betterstack.com/community/guides/scaling-nodejs/nodejs-workers-explained/

#nodejs

Understanding and Measuring Nuxt Performance – Vue.js 3 Performance

This article is the fist part of a series on Performance in Vue 3 and will focus on performance in an application and what makes an application termed as fast. - https://vueschool.io/articles/vuejs-tutorials/understanding-and-measuring-nuxt-performance-vue-js-3-performance/

#vue

Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

George Martsoukos covers the challenges of working with the classic 100vh unit to make full-screen sections and discusses some alternative CSS units. - https://webdesign.tutsplus.com/learn-these-viewport-relative-css-units-100vh-100dvh-100lvh-100svh--cms-108537t

#css

Incremental Static Regeneration for Angular

In Angular v16 we got a new hydration system. It was also hinted that experiments for partial hydration and… - https://blog.angular.io/incremental-static-regeneration-for-angular-c12745ff4b48

#angular

React Server Components Now in RedwoodJS

If you thought RSCs were a Next.js phenomenon, think again. Implementations are popping up all over, such as in Waku and now RedwoodJS, a full-stack framework founded by GitHub co-founder Tom Preston-Werner that leans on React, Prisma and other technologies to provide a great DX ‘out of the box.’ This post digs deep into how RSCs are used and how they can supplant Redwood’s use of GraphQL. - https://redwoodjs.com/blog/rsc-now-in-redwoodjs

#react

Comparing JavaScript Frameworks: Templates

A thorough comparison of the template languages used by React, Vue, Angular and Svelte. Interesting analysis and this looks set to turn into a great series. - https://www.maartenhus.nl/blog/comparing-javascript-frameworks-part-1-templates/

#javascript

Vue 3 Velocity: The Cache Busting Blueprint

Browser caching is a powerful optimization technique employed to enhance the performance of web applications. The term “cache-busting” refers to the intentional invalidation or versioning of static assets, compelling the browser to fetch fresh resources when changes occur. In this article, the author introduces cache-busting and provides detailed knowledge on you can implement cache-busting in a Vue 3 project. - https://medium.com/@khalidoghli7/vue-3-velocity-the-cache-busting-blueprint-704cfa80ae3c

#vue

Parsing Hacker News's 'Who's Hiring' Threads with OpenAI and Node - https://www.jbernier.com/p?id=hn-who-is-hiring-chatgpt

#nodejs

Deploying a React SPA and Python Backend Together on Azure

Last week, we saw how to roll out a full stack React app on Azure using Azure Functions, but what if you want something more traditional/monolithic like a Python-powered backend? Azure App Service can help with that. - https://techcommunity.microsoft.com/t5/apps-on-azure-blog/deploying-react-spa-and-python-backend-together-on-the-same/ba-p/4095567

#react

Creating Wavy Circles with Fancy Animations in CSS

Temani Afif shows how to create flower-like animated shapes using modern CSS.  - https://frontendmasters.com/blog/creating-wavy-circles-with-fancy-animations

#css

RxJS and Angular: Best Practices

RxJS is a powerful library for handling asynchronous data in JavaScript. It can be used to create… - https://medium.com/@taira.seal/rxjs-and-angular-best-practices-47cbd9b63a56

#angular

More secure Vue & Nuxt apps -> by default️

Making your web application more secure is not an easy process. In this article, the author introduces the Nuxt Security module, what it does, and how you can customize its functionality and behavior to match your security needs better. - https://dev.to/jacobandrewsky/more-secure-vue-nuxt-apps-by-default-3nhi

#vue

Comparing ECMAScript Modules (ESM) with CommonJS - https://wanago.io/2024/03/18/ecmascript-modules-esm-commonjs/

#nodejs

Enhancing Frontend architecture using Federated Modules - https://medium.com/airteldigital/enhancing-frontend-architecture-using-federated-modules-3d1961afb66e

#microfrontends

CSS Button Styles You Might Not Know

David Bushell shares a few lesser-known CSS styles that can enhance your buttons. - https://dbushell.com/2024/03/10/css-button-styles-you-might-not-know

#css

How to Build a ChatGPT-a-Like with Clerk and AWS Bedrock

A thorough walkthrough whose focus is on the UI rather than the LLM/AI stuff behind the scenes which is taken care of by Amazon’s Bedrock service. Clerk handles the auth, while Next.js forms the base of the app. - https://conermurphy.com/blog/how-to-build-your-own-chatgpt-clone-using-clerk-aws-bedrock

#react