React Compiler Beta Release

Five months ago we got our first official introduction to React Compiler, a new approach to improving React app performance by optimizing code at build time. It’s now a step closer, and React 17+ users and library maintainers are encouraged to give it a spin. - https://react.dev/blog/2024/10/21/react-compiler-beta-release

#react

Types Vs Interfaces in TypeScript

TypeScript is full of surprises and some behaviors are only native to TypeScript. - https://javascript.plainenglish.io/types-vs-interfaces-in-typescript-053a3d6c4dc1

#typescript

Is the sticky thing stuck? Is the snappy item snapped? A look at state queries in CSS

Brecht De Ruyte shares first impressions and demos with state queries in CSS and Scroll Snap events in JavaScript. - https://utilitybend.com/blog/is-the-sticky-thing-stuck-is-the-snappy-item-snapped-a-look-at-state-queries-in-css

#css

Building a WhatsApp Chat Clone with Nest.js

In this article we are going to implement a sending and receiving messages feature for following whatsapp UI… - https://medium.com/@ChanakaDev/building-a-whatsapp-chat-clone-with-nest-js-320c996ad2ce

#nodejs

How to Read and Write Cookies in Nuxt 3

Learn how to read, write and manage cookies in Nuxt 3 using the useCookie built-in composable. - https://masteringnuxt.com/blog/how-to-read-and-write-cookies-in-nuxt-3

#vue

JS Explained: Symbol.dispose and Symbol.asyncDispose

Unlock the secrets of Symbol.dispose and Symbol.asyncDispose for effective resource management in JavaScript. - https://medium.aegis-techno.fr/js-explained-symbol-dispose-and-symbol-asyncdispose-cdd48c7d7f4b

#javascript

Creating Angular Components: Template-First Declarative Approach

This article explains how to build a reactive and reusable Angular component in a declarative way, using a… - https://medium.com/@eugeniyoz/creating-angular-components-template-first-declarative-approach-00c4a4791270

#angular

Bad questions for Senior Frontend Dev Interview

How the interview process has turned into a generic ChatGPT template - https://medium.com/@maks-dolgikh/bad-questions-for-senior-frontend-dev-interview-2c94dd937d75

#interview

Next.js 15 Released

Last week was a big week for the popular (some may even argue default?) React framework with Next.js Conf taking place (more on that later) and this major release. It includes a codemod CLI for easier upgrading, async request APIs, alignment with React 19, and more. - https://nextjs.org/blog/next-15

#react

How to Build Your Own Vue-like Reactivity System from Scratch

In this tutorial, the author explains Vue's reactivity by building our own versions of ref() and watchEffect(). Gain a deeper understanding of reactive programming in frontend development. - https://dev.to/alexanderop/how-to-build-your-own-vue-like-reactivity-system-from-scratch-1d2d

#vue

Building the Perfect Logo Strip

Nils Binder shows a clever technique to create a visually balanced row of logos. - https://9elements.com/blog/building-the-perfect-logo-strip

#css

Stop using @ViewChild

Explore how to use attribute directives in Angular to handle direct DOM access efficiently, avoiding common… - https://medium.com/@rk22mar/stop-using-viewchild-36479592bef7

#angular

Using shadcn/ui with Next.js 15 and React 19

Fresh, valuable documentation from the shadcn/ui project on the specifics of using the popular component library with React 19 generally, though with a slight emphasis on Next.js 15. - https://ui.shadcn.com/docs/react-19

#react

Introducing Express v5: The Official Express v5 Release Post

We first spied the release of Express.js v5 over a month ago but now we get an official release post that tidies up a lot of loose ends and explains the broad plan. For now, v5 is considered a bleeding edge release with work still required in areas of security and overall process, but things are broadly progressing well. - https://expressjs.com/2024/10/15/v5-release.html

#nodejs

Redirects in Nuxt 3

This video demonstrates how to build custom redirects in Nuxt 3, covering both simple and complex redirect scenarios. It explores the use of route rules and Nitro middleware for creating redirects. - https://www.youtube.com/watch?v=ALQcCDEusjI

#vue

Split Effects with no Content Duplication

Ana Tudor explains in detail how to create a split effect without content duplication.  - https://frontendmasters.com/blog/split-effects-with-no-content-duplication

#css

Understand the Theory behind Clean Architecture

What is Clean Architecture and why it’s desperately needed - https://levelup.gitconnected.com/understand-the-theory-behind-clean-architecture-4d4b4e9bfcb3

#architecture

Next.js' Journey with Caching

A description of a new experimental (aimed at those who are “feeling adventurous” for now) mode that builds on just two concepts: Suspense and use cache. - https://nextjs.org/blog/our-journey-with-caching

#react

Angular: A real and simple use-case for understanding HttpContext and its…

Have you faced this scenario, where you want to perform actions like caching, not showing spinners, tracking… - https://javascript.plainenglish.io/angular-a-real-and-simple-use-case-for-understanding-httpcontext-and-its-alternative-in-lower-65dc1ceeeaa4

#angular

How Top-Level await Could Break Compatibility

Node 23 makes it possible to load ES modules transparently with require which is great, but.. only if the module being loaded isn’t using top-level await. One for package creators to think carefully about before backwards compatibility issues creep in! - https://evertpot.com/using-top-level-await-is-bc-break/

#nodejs