Stop Over-Engineering your Medium Size Front-End Application

Writing maintainable code without falling into the trap of over-engineering has become increasingly uncommon… - https://fadamakis.com/stop-over-engineering-your-medium-size-front-end-application-b3f8313c464b

#frontend

Using TypeScript with React

People were starting to comment that the official React docs didn't provide any information on using React with TypeScript, so earlier this year Mark Erikson filed an issue, and, thanks to Orta Therox, these docs appeared. - https://react.dev/learn/typescript

#react

5 CSS Snippets Every Front-End Developer Should Know in 2024

Adam Argyle explains that every front-end developer should know how :has() works, the how and why of a subgrid, how to nest with built-in CSS syntax, how to let the browser balance headline text wrapping, and how to use container query units. - https://web.dev/articles/5-css-snippets-every-front-end-developer-should-know-in-2024

#css

A simple and clean architecture for your Angular projects

Conceptually, this architecture could be applied to any frontend framework. Since I have more knowledge of… - https://medium.com/@navez.jerome/a-simple-and-clean-architecture-for-your-angular-projects-f1a68040c09a

#angular

What is ng-template, and when to use it?

As an Angular developer, you might have encountered ng-template when using the *ngIf syntax with an else…  -https://blog.angulartraining.com/what-is-ng-template-and-when-to-use-it-f875b46aa078

#angular

Composables vs. Renderless Components in Vue 3

Renderless components in React are components that do not render any UI elements. They are typically used to manage data, state, or side effects. This article looks into the concepts of Renderless components but in Vue.js. - https://medium.com/@moein.mirkiani/composables-vs-renderless-components-in-vue-3-1e7386d8182

#vue

npm in Review: A Retrospective in Numbers

From Socket comes a look at the past year from the perspective of the npm registry, focused largely on statistics (2.5 million live packages!), including download numbers, popular packages, as well as some ‘quirky facts’ like the package with the most maintainers - https://socket.dev/blog/2023-npm-retrospective

#nodejs

How to use a Custom Easing Function with the Web Animations API (WAAPI)

Bramus Van Damme shows how to use custom easing functions with the Web Animations API. - https://www.bram.us/2024/01/12/waapi-custom-easing-function

#css

What is Vite and Why Use It Over Create React App?

Create React App was long considered 'the' way to create new React apps, but Vite has continued to swell in popularity in 2023 due to its ease of use and performance. This helpful post only sped up that process. - https://joshcollinsworth.com/blog/antiquated-react

#react

Svelte by Example: A Gentle Introduction

A succinct, gentle, and code-focused introduction to Svelte and SvelteKit. - https://sveltebyexample.com/

#svelte

Introducing fsx: A Modern Filesystem API for JavaScript?

Filesystem APIs in JavaScript runtimes haven’t been great for a long time, says Nicholas, who explains how Node is itself the origin point of most modern approaches. fsx is his attempt to find a better way forward - https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/

#nodejs

Accessible Notifications With ARIA Live Regions

Sara Soueidan explains in detail how ARIA live regions work — the accessible notifications system that enables you to make dynamic web content more accessible to screen reader users. - https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-1

#accessiblity

How React 18 Improves Application Performance

If you’ve not kept up with how things have developed in React with regards to concurrent rendering, transitions, Suspense, or React Server Components, this remains a good primer to get up to speed on how they can improve performance, though it may well begin to age soon. - https://vercel.com/blog/how-react-18-improves-application-performance

#react

Angular is getting New Template Syntax

Angular has been stable for some devs and stagnant for others. Now it’s moving forward at light speed. But… - https://itnext.io/angular-is-getting-new-template-syntax-ff66bc5f02f7

#angular

CSS Media Query for Scripting Support

Stephanie Stimac gives a short introduction to CSS media query for scripting support. - https://blog.stephaniestimac.com/posts/2023/12/css-media-query-scripting

#css

All we know about Vue 3's Vapor Mode ...until now

Vapor Mode is a new and alternative compilation strategy inspired by Solid.js.
It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output. - https://icarusgk.hashnode.dev/vue-3-vapor-mode

#vue

Transcribing Audio on Cloudflare Workers with AssemblyAI

This is a little platform specific, but we’ve been experimenting with AssemblyAI for transcribing audio and it works very well. - https://www.assemblyai.com/blog/transcribe-audio-cloudflare-workers-assemblyai-nodejs-typescript/

#nodejs

The Interactive Guide to Rendering in React

This interactive guide explores why, when, and how React renders, and illustrates it with a series of short and well thought out video animations that remain just as relevant today. - https://ui.dev/why-react-renders

#react

Typescript: Typing Your API Requests — Generics Hacks

Are you ready to take your REST API requests to the next level? Buckle up, because… Ah! 😑 why go boring…
 - https://taricov.medium.com/typescript-typing-your-api-requests-generics-hacks-4-540644951f9b

#typescript

Shadow DOM and the Problem of Encapsulation

Nolan Lawson clears up some of the misconceptions about Shadow DOM. - https://nolanlawson.com/2023/12/30/shadow-dom-and-the-problem-of-encapsulation

#css