The Frontend Developer/Engineer Handbook 2024

A guide to the current webdev landscape, covering how to get up to speed on topics like editors, CSS, UX, UI, the command line, tools and frameworks, perf, accessibility, etc. - https://frontendmasters.com/guides/front-end-handbook/2024/

#handbook

The New !important

Geoff Graham examines an interesting technique of increasing specificity. - https://geoffgraham.me/the-new-css-important

#css

Build Your Own React.js in 400 Lines of Code  - https://webdeveloper.beehiiv.com/p/build-react-400-lines-code

#react

A Last Push Towards Express 5.0

You may recall that several months ago a plan to reignite development on Express was formed, and it’s already bearing fruit with a final version of Express 5.0 due to land soon. - https://github.com/expressjs/discussions/issues/233

#nodejs

Build a dApp Using Waku (Decentralized Communication) and Vue.js

This article will guide you on how to build a decentralized application (dApp) using Waku, an uncompromising decentralized communication protocol, and Vue.js, a popular JavaScript framework for building user interfaces. - https://blog.wolzcodelife.com/build-a-dapp-using-waku-decentralized-communication-and-vuejs

#vue

Code Review Checklist for Angular Developers - https://levelup.gitconnected.com/code-review-checklist-for-angular-developers-%EF%B8%8F-3c44e7cbe5d9

#angular

Long Alt

Adrian Roselli gives some advice on crafting useful alt text. - https://adrianroselli.com/2024/04/long-alt.html

#css

A Nice Way to Render Markdown in React Apps - https://jordaneldredge.com/notes/208ba2e8-436d-438e-a3c9-1380e7d7df75/

#react

HTML Attributes vs DOM Properties

They’re different, but often coupled. Jake outlines the the difference, and why it matters. - https://jakearchibald.com/2024/attributes-vs-properties/

#html

Top UI Libraries for Building Stunning UIs in Vue 3 and Nuxt 3

Building elegant and performant user interfaces (UIs) has become a crucial factor in web development. In the Vue.js ecosystem, both Vue 3 and Nuxt 3 provide robust tools for crafting dynamic and engaging applications. This article provides a showcase of some top libraries you can leverage to build awesome UIs. - https://vuejsdevelopers.com/2024/01/26/top-ui-libraries-for-building-stunning-uis-in-vue3-and-nuxt3/

#vue

Poor Express Authentication Patterns and How to Avoid Them

Node security guru Liran has been bothered by a lot of poor authentication patterns doing the rounds in various tutorials and lays out some things to consider if you’re ‘rolling your own.’ - https://www.lirantal.com/blog/poor-express-authentication-patterns-nodejs

#nodejs

Incredibly flexible and reusable UI controls for Angular

Hi, today I want to share with you my approach for creating UI controls that allows you to create them in a… - https://medium.com/@askoropad/incredibly-flexible-and-reusable-ui-controls-for-angular-5084add1d80f

#angular

Path to a Clean(er) React Architecture: API Layer and Data Transformations - https://profy.dev/article/react-architecture-api-layer-and-data-transformations

#react

State of HTML Survey Results

The State of HTML 2023 survey results are finally live—dig in, and you’ll certainly uncover some interesting insights. - https://2023.stateofhtml.com/en-US

#css

Webpack module federation | Think twice before sharing a dependency

Webpack module federation is an amazing tool that allows amazing optimization for large-scale front-end… - https://medium.com/@marvusm.mmi/webpack-module-federation-think-twice-before-sharing-a-dependency-18b3b0e352cb

#webpack

When to Use Bun Instead of Node.js  - https://blog.appsignal.com/2024/05/01/when-to-use-bun-instead-of-nodejs.html

#nodejs #bun

Kickstarting Micro Frontends with Vue 3: A Beginner’s Guide

In this guide, we’ll walk through the steps to kickstart your micro frontend journey using Vue 3. - https://medium.com/@adpanchal15/kickstarting-micro-frontends-with-vue-3-a-beginners-guide-0cd8b7164934

#vue

Using Angular Components with Third-Party Libraries

As developers, we aim to use existing libraries in order to avoid reinventing the wheel. Unfortunately… - https://netbasal.com/using-angular-components-with-third-party-libraries-522a1f33003

#angular

Why don’t we talk about minifying CSS anymore?

Salma Alam-Naylor explains why we rarely need to think about CSS minification, chunking, splitting, and post-processing anymore. - https://blog.sentry.io/why-dont-we-talk-about-minifying-css

#css

Architecting React Apps for Success: A Deep Dive into Clean Architecture

Clean Architecture is a software design principle that promotes separation of concerns and independence of… - https://javascript.plainenglish.io/architecting-react-apps-for-success-a-deep-dive-into-clean-architecture-839b784fbe04

#react