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

March 29, 2024

Flaky Tests In React: Detection, Prevention and Tools

Friday, March 29, 2024 Teklinks

In the context of React, testing is a non-negotiable process to maintain code quality and a smooth user experience. However, there’s one frustrating bad news that is commonly faced when running tests in React. And that is flaky tests.

Full article

All Estimations Are Wrong, But None Are Useful

Friday, March 29, 2024 Teklinks

If you’re working in a team using the Scrum framework, you use story points to estimate effort on your stories, tasks, etc. Then, some management considers this and plans, measures your productivity, and even keeps you accountable when something is done.

Full article

Patterns of Legacy Displacement

Friday, March 29, 2024 Teklinks

Effective modernization of legacy software systems When faced with the need to replace existing software systems, organizations often fall into a cycle of half-completed technology replacements.

Full article

March 28, 2024

How to Build Your Own ChatGPT Clone Using Clerk & AWS Bedrock

Thursday, March 28, 2024 Teklinks

Over the last few months, AI-powered chat applications like ChatGPT have exploded in popularity and have become some of the largest and most popular applications in use today. And, for a lot of people, they may have an air of mystery and wonder about how they work.

Full article

How To Use The Web Bluetooth API

Thursday, March 28, 2024 Teklinks

A few weeks ago, I stumbled on a browser API I never knew existed; the web Bluetooth API. It seems to have been in development for about 7+ years, and I’m glad most browsers now support it.

Full article

Using react-to-print to generate a printable document

Thursday, March 28, 2024 Teklinks

You can call JavaScript’s default print function on the window object to print it. While this is convenient for printing the entire document in a window, it lacks customizability. You can’t easily print one specific section, and often, the styles applied to the document get lost in the process.

Full article

March 27, 2024

Why I Like React (even in 2024)

Wednesday, March 27, 2024 Teklinks

I recently read a post about React being antiquated. I have liked React for a long time (here is a local meetup talk I gave in 2015?! https://ejosh.co/de/2015/08/my-talk-on-react/ ).

Full article

Monorepos — Why Speed Matters

Wednesday, March 27, 2024 Teklinks

In the ever-evolving landscape of software development, efficiency and speed are vital. As projects grow in complexity, developers and teams need tools that can keep up without sacrificing quality or performance.

Full article

March 26, 2024

Optimizing Javascript for fun and for profit

Tuesday, March 26, 2024 Teklinks

I often feel like javascript code in general runs much slower than it could, simply because it’s not optimized properly. Here is a summary of common optimization techniques I’ve found useful.

Full article

Announcing VitePress 1.0

Tuesday, March 26, 2024 Teklinks

Today we are happy to announce the (long overdue) 1.0 release of VitePress! VitePress is a Static Site Generator (SSG) designed for building fast, content-centric websites.

Full article

March 24, 2024

March 22, 2024

Type system of the React compiler

Friday, March 22, 2024 Teklinks

If you're wondering what the React compiler is, I recommend reading our recent update post for some background. This post is for anyone curious about the compiler theory behind it. Don't feel pressured to understand everything in this post in order to use the compiler.

Full article

Mental Health in Open Source

Friday, March 22, 2024 Teklinks

TL;DR: I am doing great and not going anywhere. Having some presure but still holding up and trying to improve. Thank you and don’t worry! This is the 4th year since I have started doing Open Source.

Full article

March 21, 2024

Dynamic Imports in React for Enhanced Performance

Thursday, March 21, 2024 Teklinks

In my React development journey, I’ve learned that optimizing performance is crucial. A game-changer for me has been dynamic imports, a JavaScript feature that lets you split your code into smaller chunks, loading them only when needed.

Full article

The quiet, pervasive devaluation of frontend

Thursday, March 21, 2024 Teklinks

There’s a trend I’ve noticed—or at least, I think I’ve noticed. It’s the kind of thing that’s hard to be sure of; the kind that might genuinely be true, or might simply appear to be true if you look at it a certain way. Maybe it’s both.

Full article

March 20, 2024

Building Websites and Building Websites Well · Jens Oliver Meiert

Wednesday, March 20, 2024 Teklinks

Now, this is a casual exercise, one we can assign as much value to as we like. First and foremost, how something is being done is orthogonal to the doing itself. But even an exercise like this can tell us something about our work—here, of our building of websites. Yes, testing and optimizing get a part of the spotlight—at least for things like test coverage, performance optimization, and SEO.

Full article

What is INP and why you should care

Wednesday, March 20, 2024 Teklinks

On March 12th 2024, Google is launching a new Core Web Vital metric, Interaction to Next Paint (INP). INP will replace First Input Delay (FID) and will change the way your sites are assessed for performance by Google, which ultimately affects how your sites rank in search engine results.

Full article

Measuring Developer Productivity via Humans

Wednesday, March 20, 2024 Teklinks

Measuring developer productivity is a difficult challenge. Conventional metrics focused on development cycle time and throughput are limited, and there aren't obvious answers for where else to turn.

Full article

March 19, 2024

Internationalization with Remix

Tuesday, March 19, 2024 Teklinks

Experts are constantly discussing how to make the web better. Accessibility, UI/UX, web performance, you name it. You might not hear about internationalization (i18n) as much as other topics, but it is still essential to making the web better.

Full article

March 13, 2024

A Next.js package for managing third-party libraries

Wednesday, March 13, 2024 Teklinks

In 2021, the Chrome Aurora team introduced the Script component to improve the loading performance of third-party scripts in Next.js. Since its launch, we've expanded its capabilities to make loading third-party resources easier and faster for developers.

Full article

March 12, 2024

12 Years at Meta

Tuesday, March 12, 2024 Teklinks

I've been at this company for 12 years today and it feels like a good time to reflect on all the projects I've been involved in! I found out over time that the projects where I thrive are spaces where the R&D phase is over and the tech now works but it needs to be turned into a proper product to start the exponential growth phase.

Full article

Improving Shopify App’s Performance

Tuesday, March 12, 2024 Teklinks

As an integral part of Shopify's ecosystem, our mobile app serves millions of merchants around the world every single day. It allows them to run their business from anywhere and offers vital insights about store performance, analytics, orders, and more.

Full article

March 9, 2024

Open-sourcing our progress on Tailwind CSS v4.0

Saturday, March 09, 2024 Teklinks

Last summer at Tailwind Connect I shared a preview of Oxide — a new high-performance engine for Tailwind CSS that we’ve been working on, designed to simplify the developer experience and take advantage of how the web platform has evolved in recent years.

Full article

High-Level System Architecture of Booking.com

Saturday, March 09, 2024 Teklinks

Hello everyone! In this article, we will take an in-depth look at the possible high-level architecture of Booking.com, one of the world’s leading travel and hospitality platforms. Serving millions of users worldwide, Booking.

Full article