Roadmap to Become an AI Engineer Roadmap

AI is the new paradigm to build all technology. After establishing how AI Engineer is turning out to be the next big tech role, it’s time to learn how to become one. This post explains: the roadmap one can follow to go from being a Software Engineer to AI Engineer, required skills to become an AI Engineer, sample tools that you should learn to use while developing those skills, the best way to develop those skills.

Full article

Read More

Announcing pkg.pr.new

We’re excited to introduce pkg.pr.new, a GitHub app to get instant preview releases of your packages. It allows your contributors and users to test continuous releases of each commit in your project’s main branches and on every Pull Request! We built pkg.pr.

Full article

Read More

The route to better culture? Better managers

Does your work invoke emotions in you? More than a quarter of the UK workforce say they experience sadness for a lot of the day at work. (The UK is the second highest in the world on this count). It’s devastating to actually pause to take in stat.

Full article

Read More

New JavaScript Set methods

New JavaScript Set methods are arriving! Since Firefox 127, these methods are available in most major browser engines, which means you won't need a polyfill to make them work everywhere.

Full article

Read More

Migrating to Next.js App Router with zero downtime

We use Next.js for all of our frontend apps at WorkOS. Recently, there has been a lot of discussion in the community about all of the new technologies that the Next.js App Router offers, such as nested layouts and React Server Components.

Full article

Read More

A Rant about Front-end Development

I am a front-end developer who is FED up about front-end development. If you write front-end, this isn’t about you personally. It’s about how your choices make me angry. Also this is about how my choices have made me angry. Also this is mostly just about choices, the technologies are incidental.

Full article

Read More

The Many Facets of Coupling

Coupling is integration's magic word. Loose coupling affords the participants desirable properties like independent variability or operational resilience. However, as pointed out in a recent blog post, coupling isn't binary nor is it a single dimension. So it's time to apply our favorite architect maneuvres—seeing more dimensions and seeing shades of gray—to coupling.

Full article

Read More

First Look At ElysiaJS

Apologies for the absence from Medium for quite a while. I have a got a series of articles, tutorials, reflections and code planned out and I can’t wait to share my journey with you through the series Recently, I had a major breakthrough as a front-end developer.

Full article

Read More

OpenPipe Mixture of Agents: Outperform GPT-4 at 1/25th the Cost - OpenPipe

We’re excited to announce a new family of “Mixture of Agents” models optimized for generating synthetic training data. Using our Mixture of Agents (MoA) architecture, we’ve achieved SOTA results on both LMSYS’s Arena Hard Auto (score: 84.8) and AlpacaEval 2.0 (LC score: 68.4).

Full article

Read More

Mobx Memoizes Components (You don't need React Compiler)

If you're using Mobx and React, you might be tempted to use the React Compiler to auto-memoize your components. But you don't need it. Mobx already does this for you. Depending on your use case, it probably uses less memory and is more efficient across multiple components.

Full article

Read More

Microservices Vs. Event Driven Plus SA Interview Mistakes

The two most prominent architecture patterns are microservices and Event-Driven Architecture (EDA). Let’s examine their differences and implementations, with the architecture diagram below: Traditional microservice is synchronous i.e. the request and response happens on the same invocation.

Full article

Read More

Experimenting with React Server Components and Vite

React 19 is almost here, and it comes with many new features and quality-of-life improvements. What's special about this release, though, is that for the first time, React is moving to the server in a meaningful way. In this blog post, I'm going to do a deep dive on React's new server features.

Full article

Read More

Blazing Fast Websites with Speculation Rules

This post introduces speculation rules, a new web platform feature that allows developers to deliver instant page navigations after the initial page load. There's also a live demo that you can experiment with to see speculation rules in action.

Full article

Read More

How to Use Google Sheets as a Database with React and SSR

In this tutorial I’ll be explaining how to use Google Sheets as a database, to store the results of a user poll. I’ve used this Google Sheets approach for a number of marketing campaigns. I chose this method over a more traditional Database solution for one reason: Data retrieval.

Full article

Read More

Deferred Import Evaluation, Error.isError(), RegExp Escaping, Promise.try

Ecma TC39 (Technical Committee 39) delegates are in Finland this week for their 102nd meeting that is happening over the course of three days, hosted by Mozilla and Aalto University. They are also speaking at local events and conferences during the week.

Full article

Read More

Beyond Webpack: esbuild, Vite, Rollup, SWC and Snowpack

In the course of this investigation, we will be putting webpack to the test and evaluating it on several key parameters. These include the Developer Experience (DX), the range of options and configurations it provides, and the size of the output bundle it generates.

Full article

Read More

React 19 and Suspense - A Drama in 3 Acts

That was quite a roller-coaster last week 🎢. Some things unravelled, some things went down, and in the middle of it: Let me try to break down what happened, in hopefully the right order, and what we can all learn from it. To do that, we have to go back to April this year:

Full article

Read More

Introducing Micro Agent: An (Actually Reliable) AI Coding Agent

I don't know about you, but I always love finding new ways to make my job easier. AI-assisted coding tools like GitHub Copilot and ChatGPT have shown a lot of promise in generating code from natural language descriptions.

Full article

Read More

Babel vs. TypeScript: Choosing the right compiler for your project

Babel 7 was released in 2018 and since then, updates have allowed developers to use Babel and TypeScript without ever needing to complicate their builds with the TypeScript compiler.

Full article

Read More

When should you use Zod?

You're an engineer. You're building something. The thing you're building probably has inputs - points at which data is injected. Here, is the input. It's the thing that tells the program what to do. It's totally unknown at runtime - it might not even exist.

Full article

Read More

AI-Powered Conversion From Enzyme to React Testing Library at Slack

`Please perform the following tasks: 1. Complete the conversion for the test file within tags. 2. Convert all test cases and ensure the same number of tests in the file. ${numTestCasesString} 3. Replace Enzyme methods with the equivalent React Testing Library methods. 4.

Full article

Read More

Generative AI Is Not Going To Build Your Engineering Team For You

When I was 19 years old, I dropped out of college and moved to San Francisco. I had a job offer in hand to be a Unix sysadmin for Taos Consulting. However, before my first day of work I was lured away to a startup in the city, where I worked as a software engineer on mail subsystems.

Full article

Read More

The Granularity Conundrum: Finding The Right Size of a Microservice

In the microservices architectural style, a microservice is usually designed on SRP (Single Responsibility Principle), as a separately deployed unit of software that does one thing really well.

Full article

Read More

How Deep is Your DOM?

If you use Lighthouse to measure your site’s performance, you might have seen the Avoid excessive DOM size warning before. It looks something like this: Lighthouse warns us about large DOM sizes because they increase memory usage and can produce expensive style calculations.

Full article

Read More

Optimizing INP for a React App & Performance Learnings

It's been 2 years that I've been working at Vio and since the beginning, I've been working on web performance-related projects. The most notable projects are these: Some work on runtime performance, some on bundle optimizations, and also on the architectural level of our application.

Full article

Read More

Zero-JavaScript View Transitions

This is Part 1 of our series on “The Future of Astro” covering three major new features we have planned for Astro in 2024. This post introduces an update to the View Transitions API that Astro can now leverage for native, app-like page navigation without a single line of JavaScript required.

Full article

Read More

I tried React Compiler today, and guess what... 😉

This is probably the most clickbaity title I’ve come up with, but I feel like an article about one of the most hyped topics in the React community these days deserves it 😅. For the last two and a half years, after I release any piece of content that mentions patterns related to re-renders and memoization, visitors from the future would descend into the comments section and kindly inform me that all I just said is not relevant anymore because of React Forget (currently known as React Compiler).

Full article

Read More

Hacking Millions of Modems (and Investigating Who Hacked My Modem)

Two years ago, something very strange happened to me while working from my home network. I was exploiting a blind XXE vulnerability that required an external HTTP server to smuggle out files, so I spun up an AWS box and ran a simple Python webserver to receive the traffic from the vulnerable server

Full article

Read More

React & Codemod Announcement

We’re excited to announce that we are partnering with the React team to build and maintain the react-codemod repo, offering open-source codemods to enhance the migration experience for React 19 and beyond.

Full article

Read More

How To Hack Your Google Lighthouse Scores In 2024

Do perfect Lighthouse scores mean the performance of your website is perfect? As it turns out, Lighthouse is influenced by a number of things that can be manipulated and bent to make sites seem more performant than they really are, as Salma Alam-Naylor demonstrates in several experiments.

Full article

Read More

htmx: Simplicity in an Age of Complicated Solutions

There is inherently no silver bullet. He was writing about complexity in the building of software, and how there is no conceivable way to make the process go significantly faster.

Full article

Read More

Build a modern authenticated chat application with Next.js, Ably, and Clerk

Learn how to build a modern, authenticated chat application using Next.js, Ably, and Clerk. This comprehensive guide covers everything from setting up real-time messaging and user authentication to implementing roles and message history.

Full article

Read More

The resume that got a software engineer a $300,000 job at Google.

My name is Alex Nguyen and I previously worked as a software engineer at Amazon and Microsoft before joining Google. Above is the resume I used to apply to Google and land an exciting $300,000 offer.

Full article

Read More

How To Use Corepack

I've just learned about corepack, a tool that bundles with Node.js and solves a bunch of problems with handling package managers. But I'll be using it in my development setup from now on. corepack is bundled with Node.js, and has been since Node.js 14.19. So, if you have Node.js, you have corepack.

Full article

Read More

How we used esbuild to reduce our browser extension build times by 90%

The system that we use internally to build the code behind our browser extension was put together over half a decade ago. While we were able to iteratively grow it over time to meet our needs, it became slower and slower in the process. Let’s give it a much-needed upgrade!

Full article

Read More

Why, after 6 years, I’m over GraphQL

GraphQL is an incredible piece of technology that has captured a lot of mindshare since I first started slinging it in production in 2018. You won’t have to look far back on this (rather inactive) blog to see I have previously championed this technology.

Full article

Read More

Improving CI/CD with a Focus on Developer Velocity

When you think of software scalability, what comes to mind? Maybe sharding a database or load-balancing requests over multiple servers. But how often do you think of scaling the process of testing and merging code? 

Full article

Read More

React Conf 2024 Recap – React

Last week we hosted React Conf 2024, a two-day conference in Henderson, Nevada where 700+ attendees gathered in-person to discuss the latest in UI engineering. This was our first in-person conference since 2019, and we were thrilled to be able to bring the community together again.

Full article

Read More

How we scale our microVM infrastructure using low-latency memory decompression

With CodeSandbox, you can turn your repository into a shareable development environment that's available 24/7. Give it a try with this Next.js example or import your GitHub repo! Over the past few years (oof, time flies!) I've written two blog posts about how we quickly clone and resume microVMs.

Full article

Read More

Translating React apps with i18next and testing them End-to-End with Playwright

As a business grows, there is a high chance that it will expand to multiple different countries. The developers must ensure the application is available in different languages to accommodate that. Fortunately, we don’t have to create a separate version of our application in each language.

Full article

Read More