State of Frontend 2024

Based on surveys filled in by 6028 developers from 139 countries, the State of Frontend 2024 is supported by 23 expert commentaries about frontend trends and the future.

https://tsh.io/state-of-frontend/

Managing multiple versions of node, without NVM or additional tools

So, you are in a situation where you have to use specific versions of Node, but don’t have access to NVM or N. Its a pain to do the clicky-clicky installer everytime and re-install. You want a...

https://benfrain.com/managing-multiple-versions-of-node-without-nvm-or-additional-tools/

The best React select component libraries

Explore select libraries in React, including React Select and alternatives like Downshift, Choice.js, and more.

https://blog.logrocket.com/best-react-select-component-libraries/

How Vercel adopted microfrontends

Learn how Vercel cut build times and improved developer velocity while maintaining a smooth user experience with microfrontends.

https://vercel.com/blog/how-vercel-adopted-microfrontends

aAngular RFC: An updated style guide for the year 2024

Introduction Angular's current style guide was originally written in 2016, just as v2.0.0 released. A lot has changed in the intervening eight years. This RFC proposes a significant overhaul of...

https://github.com/angular/angular/discussions/58412

Advanced Next.js caching strategies

Learn request memorization, data cache, full route cache, router cache, plus cache invalidation and tools for your Next.js project.

https://blog.logrocket.com/advanced-next-js-caching-strategies/

Build an Astro site with Deno

Learn how to build a server-rendered website with Astro and Deno.

https://deno.com/blog/build-astro-with-deno

Halloween, (CSS) Masks, and Logic Gates

The site DEV.to has a Meme Monday thread where I normally publish the weekly comiCSS cartoon and look for inspiration. Last week, there was a cartoon that caught my attention. I found it funny and decided to create my own version with HTML and CSS using masks. :: Blog post at Alvaro Montoro's Personal Website.

https://alvaromontoro.com/blog/68065/halloween-css-masks-and-logic-gates

Generating Random Mazes with JavaScript

I didn't get a chance to hit the pumpkin patch this year, so I missed out on seeing any corn mazes. To make up for it, I decided to make some mazes of my own! Being a programmer, I over-engineered it and built a random maze generator!

https://cloudfour.com/thinks/generating-random-mazes-with-javascript/

Why jQuery 4 is a good reminder to stop using jQuery

jQuery 4 proves that jQuery's time is over for web developers. Here are some ways to avoid jQuery and decrease your web bundle size.

https://blog.logrocket.com/why-jquery-4-good-reminder-stop-using-jquery/

Mastering Microfrontends: Coexisting Vue 2 and Vue 3 in Large-Scale Applications

📚 Table of Contents Introduction How it works How createApp Bridges Vue 2 and Vue...

https://dev.to/jhony/mastering-microfrontends-coexisting-vue-2-and-vue-3-in-large-scale-applications-1g3d

My Modern CSS Reset

A CSS reset I've been using for new projects.

https://jakelazaroff.com/words/my-modern-css-reset/

How to roll your own auth in JavaScript & TypeScript

Learn how to roll your own authentication in JavaScript & TypeScript ...

https://www.robinwieruch.de/how-to-roll-your-own-auth/

How to create a dropdown menu in React

Here's how to implement a single and multilevel dropdown menu in your React project. Make your nav bars more dynamic and user-friendly.

https://blog.logrocket.com/how-create-dropdown-menu-react/

Making content-aware components using CSS :has(), grid, and quantity queries

Eric Bailey teaches us how to make a hyper-resilient component that responds not only to the container, but other languages too.

https://piccalil.li/blog/making-content-aware-components-using-css-has-grid-and-quantity-queries/

The stretch keyword: a better alternative to width: 100% in CSS?

Use margins while avoiding overflow and horizontal scrollbars with width: stretch

https://fullystacked.net/stretch/