Create an Upvote System with React and Socket.io - https://dev.to/novu/creating-an-upvote-system-with-react-and-socketio-5aoj

#react

Speedy CSS Tip! Animated Gradient Text

Jhey Tompkins shows how to make an animated gradient text effect with scoped custom properties and background-clip. - https://web.dev/speedy-css-tip-animated-gradient-text

#css

Vite 4.0 Released

From the same creator as Vue.js, Vite is an exciting piece of frontend tooling offering lots of goodies out of the box. Vite’s new React plugin that leans upon SWC (above) presents a new option for React developers looking for even more speed, particularly when using Fast Refresh. - https://vitejs.dev/blog/announcing-vite4.html

#vite

Tao of Node: On Design, Architecture and Best Practices

'Big picture' items always tend to do well. We're all looking for structure, new ways to think about things, and ideas on how to approach problems. Here, Alex boiled down the hard-earned best practices and gut feelings he'd picked up while developing high-quality Node apps over time. - https://alexkondov.com/tao-of-node/

#nodejs

visx: Airbnb's Low Level Visualization Components

Bring your own state management, animation library, or CSS-in-JS solution – visx is designed to slot into pretty much any React codebase. - https://airbnb.io/visx/

#react #library

How to Build a Modern Documentation Site with VitePress

In this tutorial, you'll learn how to build a complete docs site quickly by utilizing VitePress. - https://www.freecodecamp.org/news/how-to-build-a-modern-documentation-site-with-vitepress/

#vue

Using Mantine with React and Next - https://blog.openreplay.com/using-mantine-with-react-and-next/

#react

External Configurations in Angular

In this article, we will learn about external configurations in Angular. - https://indepth.dev/posts/1502/external-configurations-in-angular

#angular

Popular Node.js Patterns and Tools to Reconsider

Yoni is well known for his work in cataloging Node best practices and he thought we should reflect upon some of our more entrenched approaches. - https://practica.dev/blog/popular-nodejs-pattern-and-tools-to-reconsider/

#nodejs

An Interactive Guide to Flexbox

Joshua Comeau created a fantastic guide that will help you expand your mental model for Flexbox even if you’ve been using it for years. - https://www.joshwcomeau.com/css/interactive-guide-to-flexbox

#css

Webpack 5 module federation for Micro-frontend Architecture

Webpack 5 + React + Angular + Vue + Svelte - https://medium.com/@harshverma04111989/webpack-5-module-federation-for-micro-frontend-architecture-ed3b77c7d729

#webpack #microfrontends

Refactoring Angular Applications - https://levelup.gitconnected.com/refactoring-angular-applications-be18a7ee65cb

#angular

Create a Table of Contents With Active States in Nuxt 3

In this article, I will show you how to create a sticky table of contents sidebar with an active state based on the current scroll position using Nuxt 3, Nuxt Content and Intersection Observer. - https://mokkapps.de/blog/create-a-table-of-contents-with-active-states-in-nuxt-3

#vue

SWR 2.0: Improved React Hooks for Data Fetching

The second major release of SWR (Stale-While-Revalidate) includes new mutation APIs, improved optimistic UI capabilities, new developer tools, as well as improved support for concurrent rendering. - https://swr.vercel.app/blog/swr-v2

#react

How To Use Huge Type on the Web

Matej Latin explores huge type and establishes guidelines and recommendations for using it on the web. - https://matejlatin.com/blog/2022/11/21/how-to-use-huge-type-on-the-web

#css

JavaScript and Node Testing Best Practices: 2022 Edition

Yoni scored a double this year with his categorized list of fifty best practices and examples. This resource is a few years old but has been kept up to date (the last commit was yesterday!) and translated into several (written) languages. - https://github.com/goldbergyoni/javascript-testing-best-practices#readme

#nodejs

Svelvet is a lightweight Svelte component library for building interactive node-based flow diagrams - https://www.svelvet.io/

#svelte

Angular Inject & Injection Functions -Patterns & Anti-Patterns - https://medium.com/marmicode/angular-inject-injection-functions-patterns-anti-patterns-b099deb2d73c

#angular

Avoid These Common useState Pitfalls

“You first need to become aware of the potential problems around useState in order to avoid them,” so Johannes takes us on an example-led journey to do just that. - https://profy.dev/article/react-usestate-pitfalls

#react

Migrating from Nuxt 2 to Nuxt 3

Debbie shares with you the steps she took to migrate her site from Nuxt 2 to Nuxt 3. - https://debbie.codes/blog/migrating-nuxt2-nuxt3

#vue

Happy new Year!