How to Use React Compiler

The compiler feature in React 19 is generating a lot of buzz — this “complete guide”, as described by this author, covers much of what you'll need to get started. - https://www.freecodecamp.org/news/react-compiler-complete-guide-react-19/

#react

CSS Olympic Rings

Amit Sheen shares a creative guide on building animated 3D olympic rings in CSS. - https://css-tricks.com/css-olympic-rings

#css

How to Share Code Between Micro Frontends

Sharing context, functionality, and styles between micro frontends - https://blog.bitsrc.io/how-to-share-code-between-micro-frontends-13297520fade

#microfrontends

setImmediate() vs setTimeout()

setImmediate is considered deprecated in the browser space, but its different behavior still has a role to play in Node. - https://www.trevorlasn.com/blog/setimmediate-vs-settimeout-in-javascript

#nodejs

Using shallowRef in Vue to improve performance

shallowRef is a great utility in Vue.js that could help improve performance of your website if you are dealing with huge data structures like nested objects or arrays. - https://dev.to/jacobandrewsky/using-shallowref-in-vue-to-improve-performance-559f

#vue

Why Build-Time Components Are a Leap Forward for Content Sites

Zeno Rocha, of Resend, says that “this is simply the best explanation of how to compile Markdown in React apps.” High praise indeed. - https://codehike.org/blog/build-time-components

#react

Enhancing Angular Component Flexibility with Fallback Content in ng-content

Angular v18 Introduces Fallback Content for ng-content Slots - https://netbasal.com/enhancing-angular-component-flexibility-with-fallback-content-in-ng-content-50637eea7dd5

#angular

As a Frontend Dev, Don’t You Even Know How to Use Symbol?

Symbol is one of the primitive data types in JavaScript, it represents a unique, immutable value, usually… - https://javascript.plainenglish.io/as-a-frontend-dev-dont-you-even-know-how-to-use-symbol-a7111b08a899

#javascript

The Article Element

Heydon Pickering explains everything you need to know about the HTML article element. - https://heydonworks.com/article/the-article-element

#css

Integrating Slonik with Express.js

Slonik is a type-safe Node Postgres client that lets you build SQL queries in a composable way. - https://contra.com/p/bgA66gkW-integrating-slonik-with-expressjs

#nodejs

Component Testing in Storybook

Storybook’s lead manager says that “after seeing the same patterns again and again, we are betting on Component Testing as the future of UI testing” and sets out to show us why he thinks they’re the perfect complement to end-to-end and unit tests. - https://storybook.js.org/blog/component-testing/

#react

Seamless Fullstack Nuxt Apps with Nuxt Hub

NuxtHub is a deployment and admin platform making it possible to build and deploy fullstack Nuxt application with ease. In this article, explore this amazing new tool and what capabilities it offers to the ecosystem. - https://masteringnuxt.com/blog/seamless-fullstack-nuxt-apps-with-nuxt-hub

#vue

Angular: Integrating Micro-Frontends Using ModuleFederation-Part IV

In this story, we will deploy the shell application and the 2 micro-frontend applications to a Kubernetes… - https://javascript.plainenglish.io/angular-integrating-micro-frontends-using-modulefederation-part-iv-7218aabfd6d7

#angular

CSS Grid Generator

CSS grid generator is an online tool that will help you easily create custom CSS grid layouts. - https://cssgridgenerator.io/

#css

How to Create a Weekly Google Analytics Report That Posts to Slack - https://www.smashingmagazine.com/2024/09/how-create-weekly-google-analytics-report-posts-slack/

#nodejs

Framer Motion: Fluid Animations & Motion in React

A long-popular, open source motion library for React, made by Framer. As of this week’s v11.4 release, there’s support for React Server Components, including new entrypoints for motion and m components. - https://www.framer.com/motion/

#react

Nuxt Form Validation with Precognition and Zod

This article dives into Nuxt form validation with Precognition and Zod. It discusses the challenges of client-side and server-side validation and how Nuxt Precognition can help. Nuxt Precognition offers a way to perform both client-side and server-side validation. It provides tools to simplify the validation process. - https://gearboxgo.com/articles/web-application-development/nuxt-form-validation-with-precognition-and-zod

#vue

Clean Frontend Architecture: Tips to Success

In one of my previous blog posts I have talked about the importance of Frontend Architecture, some principles… - https://blog.stackademic.com/clean-frontend-architecture-tips-to-success-db0b159b7b38

#architecture

What’s New in React 19

A thorough roundup of what’s coming in React 19, which has been in release candidate status for several months now, covering both headline features like Server Components and Actions, as well as many smaller enhancements like easier preloading of resources and control over stylesheet loading precedence. - https://vercel.com/blog/whats-new-in-react-19

#react

Securing Node Apps from Supply Chain Attacks  - https://auth0.com/blog/secure-nodejs-applications-from-supply-chain-attacks/

#nodejs