tech/webdev magazine

April 14, 2024

Understanding Interaction to Next Paint (INP)

Sunday, April 14, 2024 Teklinks

As of March 12th 2023, Interaction to Next Paint (INP) replaces First Input Delay (FID) as a Core Web Vital metric. FID and INP are measuring the same situation in the browser: how clunky does it feel when a user interacts with an element on the page? The good news for the web—and its users—is that INP provides a much better representation of real-world performance by taking every part of the interaction and rendered response into account.

Full article

Render Optimizations

Sunday, April 14, 2024 Teklinks

React Query applies a couple of optimizations automatically to ensure that your components only re-render when they actually need to. This is done by the following means:

Full article

April 11, 2024

React Server Components in a Nutshell

Thursday, April 11, 2024 Teklinks

Woah, there’s been a lot of noise about React Server Components (RSCs) lately and, for the most part, after reading all the really smart explanations by the internet’s smartest people, I didn’t really understand anything.

Full article

The View Transitions API

Thursday, April 11, 2024 Teklinks

Like anyone, I love a good “native-feeling” experience on the web. I’ve really enjoyed creating that vibe with the new View Transitions API. Luckily it’s is pretty clean to work with, both with the Astro framework, and out of the box!

Full article

Exploring Authentication in Next.js

Thursday, April 11, 2024 Teklinks

I delved deep into exploring Authentication in Next.js 14 using Next's App Router, React Server Components (RSC), and Server Actions. This comprehensive tutorial covers using Lucia Auth for sign up, sign in, sign out, and protected routes.

Full article

April 9, 2024

Exploring Server Actions with Next.js

Tuesday, April 09, 2024 Teklinks

I delved deep into exploring Server Actions in Next.js 14 using Next's App Router and React Server Components (RSC). This comprehensive tutorial shows how to use Server Actions to create, read, update, and delete (CRUD) entities.

Full article

Angular and Wiz Are Better Together

Tuesday, April 09, 2024 Teklinks

You may know Angular as the web framework from Google, but Google actually has another web framework: Wiz. Both Angular and Wiz are used by thousands of engineers and thousands of apps inside of Google.

Full article

7 Ways to Microfrontends in 2024

Tuesday, April 09, 2024 Teklinks

The microfrontend architecture has revolutionized how we think about building and scaling web applications. By breaking down frontends into manageable, independently deployable micro apps, organizations can enhance scalability, improve team autonomy, and accelerate development cycles.

Full article

April 8, 2024

Introducing Jpegli: A New JPEG Coding Library

Monday, April 08, 2024 Teklinks

The internet has changed the way we live, work, and communicate. However, it can turn into a source of frustration when pages load slowly. At the heart of this issue lies the encoding of images.

Full article

Guide on Structured Logs [Best Practices included]

Monday, April 08, 2024 Teklinks

Structured logging is the method of having a consistent log format for your application logs so that they can be easily searched and analyzed. Having structured logs allows for more efficient searching, filtering, and aggregation of log data.

Full article

April 4, 2024

Introducing Simpler Project Creation in Deno Deploy

Thursday, April 04, 2024 Teklinks

Deno Deploy, our multi-tenant V8 isolate cloud, is one of the simplest and fastest ways to deploy and run JavaScript and TypeScript on the web. It also natively supports npm: specifiers, as well as offers built-in cloud primitives — KV, queues, and cron — that become globally distributed for optimal performance.

Full article

April 2, 2024

GitHub Copilot General Availability in the CLI

Tuesday, April 02, 2024 Teklinks

We are excited to announce Copilot in the CLI is now generally available (GA) for all our Copilot Individual, Business, and Enterprise customers. Copilot in the CLI allows users to access the power of GitHub Copilot to get command suggestions and explanations without leaving the terminal. Starting today, developers can also use GitHub Copilot to execute suggested commands based on feedback shared during the public beta.

Full article

BFF: A design pattern helping teams gain ownership

Tuesday, April 02, 2024 Teklinks

This series explores the Backend For Frontend design pattern in 4 different dimensions captured in 4 posts. Part 1: A Design Pattern Helping Teams Gain Ownership, Part 2: What technical benefits?, Part 3: How to scale and avoid pitfalls?, Part 4: Alternatives & decision tree

Full article

April 1, 2024

Power of Partial Prerendering with Bun

Monday, April 01, 2024 Teklinks

In modern web development, optimizing the performance of web applications is paramount. One approach gaining traction is partial prerendering, a technique that combines static and dynamic content rendering to enhance both the bundle size and runtime speed.

Full article

🩹 Nx Crystal Plugin Picking the Essentials

Monday, April 01, 2024 Teklinks

As specified in my article, ⛔ Target Exclusions in Nx Project Crystal, there are use cases that necessitate extending the Nx Project Crystal. However, it is not possible to hook only a specific part of the plugin. You either take it all or you don’t use it at all.

Full article