Fine-tuning Text Inputs

Garrett Dimon gives an overview of HTML attributes you can use on your input fields to improve the user experience. - https://garrettdimon.com/journal/posts/fine-tuning-text-inputs

#css

Use Node Version Manager (NVM) with Oh My Zsh

NVM is a popular tool for switching between Node.js versions on your machine, but it’s possible to use it directly from a Oh my Zsh setup, too. - https://catalins.tech/node-version-manager-oh-my-zsh/

#nodejs

Types vs. interfaces in TypeScript

When it comes to TypeScript, there are two ways to define types: “types” and “interfaces.” - https://medium.com/@Evelyn.Taylor/types-vs-interfaces-in-typescript-1b306644ebb6

#typescript

Enhancing The New York Times' Web Performance with React 18

Late last year, the team at The New York Times set out to take full advantage of React 18 on its flagship news site. This is an interesting case study looking at the challenges faced in upgrading and the significant benefits they managed to take advantage of. - https://open.nytimes.com/enhancing-the-new-york-times-web-performance-with-react-18-d6f91a7c5af8

#react

The Many Ways Not to Build an API

In this post, the author explores some of the alternative ways of having APIs without explicitly building them. - https://dev.to/zenstack/the-many-ways-not-to-build-an-api-41o6

#vue

How to Setup Serverless Framework with AWS and Node.js

Serverless Framework is a long standing toolkit for deploying apps in a serverless/functions-as-a-service fashion to AWS Lambda. This is a basic look at a few stages in the setup process. - https://implementing.substack.com/p/how-to-setup-serverless-framework

#nodejs

How to use NgRx SignalStore?

With the release of Angular Signals, RxJS-based state management libraries had to adapt and create… - https://blog.angulartraining.com/how-to-use-ngrx-signalstore-41852199035a

#angular

A quick introduction to CSS @scope

Bramus Van Damme gives a nice introduction to @scope, a way to scope the reach of your CSS selectors. - https://www.bram.us/2023/08/22/a-quick-introduction-to-css-scope

#css

Big Suspense Changes in React 19: Explained in Code

Two weeks ago, we featured a story about changes to Suspense in React 19. If you found the story hard to follow, React YouTuber extraordinaire Jack Herrington tackles it with a practical example. - https://www.youtube.com/watch?v=sgnw8dRZa3Q

#react

linear() Generator

An online generator that will help you convert JavaScript/SVG easing definitions into linear() CSS format. - https://linear-easing-generator.netlify.app/

#tools

Exploring Nuxt 3 Middleware: A Comprehensive Overview

Nuxt.js Middlewares are custom functions run before rendering a page or group of pages. Checking authentication, modifying the server response, or accessing cookies are some of the most common usages of middleware. This article helps you understand the different types of middleware and how they work in Nuxt 3 - https://figueiredoluiz.medium.com/exploring-nuxt-3-middlewares-a-comprehensive-overview-6c45635cd6e4

#vue

Securing Express APIs with a Rate Limit and 'Slow Down' - https://developer.mozilla.org/en-US/blog/securing-apis-express-rate-limit-and-slow-down/

#nodejs

How To Deal With Technical Debt

Technical debt can cause so much frustration and burnout to development teams. Software engineers can be… - https://medium.com/@techworldwithmilan/how-to-deal-with-technical-debt-b0065c1a794d

#techdebt

Protecting Angular Routes: Exploring the Power of canLoad and canActivate for…

Navigating a web application involves more than just creating links and rendering content for the user. Most… - https://medium.com/@roberteft/protecting-angular-routes-exploring-the-power-of-canload-and-canactivate-for-secure-and-efficient-434432bfb120

#angular

5 Misconceptions about React Server Components - https://www.builder.io/blog/nextjs-react-server-components

#react

Responsive type scales with composable CSS utilities

Tobias Ahlin Bjerrome explains how you can create composable, responsive, and fluid-type scales that smoothly adapt to viewport and container widths using calc(), clamp(), and CSS vars. - https://tobiasahlin.com/blog/responsive-fluid-css-type-scales

#css

Developing Scalable Frontends with Feature-Sliced Design (FSD)

Building modern frontends with Feature-Sliced Design and Bit - https://blog.bitsrc.io/developing-frontends-with-feature-sliced-design-a2e5aa33d02c

#fsd

Create API with Nuxt 3

Nuxt 3 provides the Nitro server where we can write our server-side code. Nitro uses unjs/h3 internally to create server and handle routes. In this article, you will find out how to create an API with the help of Nitro server engine and h3 route handlers. - https://medium.com/@shahriarrahi/create-api-with-nuxt3-adcb7b6a17dd

#vue

How We Tamed Node.js Event Loop Lag: A Deepdive

Node famously uses very few threads yet can handle a large number of clients performantly, as long as the work associated with each client is ‘small.’ When you get nested loops, as in this story, however, things can go off the rails quickly. Node’s Don’t Block the Event Loop is a great further guide to this topic. - https://trigger.dev/blog/event-loop-lag

#nodejs

React 19's useOptimistic: Everything You Need to Know - https://www.youtube.com/watch?v=QWVr7uDyBXE

#react