Search the archive

TRAVERSY JS CHALLENGES: DATA STRUCTURES & ALGORITHMS

This repository contains JavaScript challenges that test your data structures and algorithms knowledge. It goes over everything from basic loop challenges and high-order array methods, to recursion, time & space complexity, and sorting algorithms like bubble sort, insertion, and merge sort. You should already know the basics of JavaScript before doing any of the challenges or taking the course.

CODE INDEXER LOOP

Code Indexer Loop is a Python library for indexing and retrieving source code files through an integrated vector database that's continuously and efficiently updated.

RIVET

Rivet is an open-source visual AI programming environment and TypeScript library.

UK AIR TRAFFIC CONTROL MELTDOWN

On August 28, 2023, NATS, the UK's air traffic control operator, suffered a major technical incident. The BBC reports that more than 2,000 flights were canceled and the cost has been estimated at over £100 million GBP. The incident probably affected hundreds of thousands of people. This article dives deep into what happened technically. The software that processes flight plans was not properly tested and had bugs and bad failure modes.

GRADIENTS, BLEND MODES, AND A REALLY COOL HOVER EFFECT

Gradients are a powerful CSS feature. We use them for texture, depth, and even to hide parts of elements with CSS masking. This article covers some interesting ways to use gradients. It teaches how to create a hover effect where hovering on one item triggers visual changes to other items using only CSS gradients.

THE TOP PROGRAMMING LANGUAGES 2023

SQL, Python, and Java are on top when ranked by job availability.

ARE BIG PROJECTS DITCHING TYPESCRIPT?

Amidst some larger projects seemingly abandoning TypeScript, this article addresses whether or not developers are really ditching the language.

MAKING SENSE OF REACT SERVER COMPONENTS

React Server Components (RSCs) can run exclusively on the server. This article is a deep dive into how RSCs work, the benefits, and how it fits with other frontend concepts like server-side rendering (SSR). It starts by explaining SSR and moves on to how React Server and Client components fit into a system and the advantages of using it.

CREATE CONFIGURABLE ANGULAR GUARDS

When building web applications, from time to time we have to protect routes from unauthorized access. In Angular, we can do this by using router guards. In this article, you’ll learn to create configurable Angular guards by making a guard that will check if the logged in user has a specific role and redirect accordingly.

7 SIMPLE HABITS OF THE TOP 1% OF ENGINEERS

High-performing engineers have some simple habits that help them produce high quality code. These habits include following a consistent style guide, avoiding surprises in their code, and being detached from their code. This article lays out seven habits of high-performing engineers, with explanations and actionable advice along the way.

RULES OF THUMB FOR SOFTWARE DEVELOPMENT ESTIMATIONS

Software estimation is the bane of many developers’ existence and the scourge of project managers everywhere. This article details the reality of the complexities of real-world development, revealing harsh truths about software estimation. The advice provided could be the difference between a successful career and a lifetime of missed deadlines and frustrated coworkers.

BUN 1.0 IS FINALLY HERE

Bun is a fast, all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript, from a single file to a full-stack application. Today, Bun is stable and production-ready. Bun is a drop-in replacement for Node.js, replacing it entirely. It also replaces transpilers, bundlers, package managers, and testing libraries, which means you no longer need to use tools like npm, yarn, webpack, and jest.

TEXTUAL WEB

Textual Web is a Python application that allows you to run terminals in your browser.

BEYOND PROMPT ENGINEERING

A recent paper by researchers at Google DeepMind found that AI-optimized prompts can outperform humans by up to 50% in certain benchmarks. This article presents some ideas for the future of the post-prompt AI ecosystem. Some examples include task-specific models with a fixed style input & output and DSL for prompts or models.

ENTREPRENEURSHIP FOR ENGINEERS: A POST LAY-OFF STARTUP?

For some would-be tech entrepreneurs, losing their job is the catalyst they need to start their own company. However, it’s important to take the right steps in order to not waste time. Developers should start with a minimum viable product, not get too married to the initial version, and think like a leader. Chances are, the first product will fail and there will be a need to pivot the product down the road, so it’s important to approach solo development in a different way.

WITH ONLY 32 ENGINEERS

WhatsApp was able to scale massively while keeping its team relatively small by employing a series of interesting engineering techniques. These include using the Single Responsibility Principle, having an Erlang technology stack, and cross-cutting concerns. In 2014, Facebook acquired WhatsApp for 19 billion dollars.

In the bustling realm of web development, the choice between Django and Node.js can shape the trajectory of your project. As you navigate this pivotal decision, it’s important to account for the strengths and drawbacks of each. In this detailed comparison, you’ll see the tangible aspects that developers prioritize and a head-to-head evaluation of both platforms to aid your decision.

14 LINTING RULES TO HELP YOU WRITE ASYNCHRONOUS CODE IN JAVASCRIPT

This article presents 14 ESLint rules for asynchronous code, like setting a limit for nested callbacks, which prevents debugging headaches down the road.

WHAT WILL THE WEB BE LIKE IN 20 YEARS?

Read one engineer's predictions for what the web will look and work like in 20 years.

HOW LAYOUT POSITION IMPACTS THREE BIG WEB PERFORMANCE LEVERS

Shopify published a blog post to explain the three biggest performance problems on their sites that impact Core Web Vitals metrics. The three issues are lazy loading of images visible on the first visit, asynchronous loading of CSS of elements visible upon the first visit, and not prioritizing the fetch of the largest image, affecting Largest Contentful Paint (LCP) load times. LCP is a factor in Core Web Vitals metrics, and this can affect how a website ranks on search engines like Google. This blog post explains how Shopify is combating these problems, providing code examples along the way.

A WIDE VIEW OF AUTOMATED TESTING IN REACT APPS

Automated testing helps both the development and product teams. Both teams benefit from the efficiency, consistency, and quality assurance that testing provides. There are three types of testing: unit tests, integration tests, and end-to-end tests. This article dives into how to implement each type of test in a React app. Furthermore, it covers what to test, such as visual elements, component behavior, global utils, custom hooks, and more.

STRIPE AND FACEBOOK

Raylene Yung became an engineering manager at Facebook in 2011. She then moved to Stripe and watched it grow from 200 to over 1,500 employees over the next four years. Yung built Stripe’s product management team, defined career growth and recruiting frameworks, ran the core Payments business, and spun up the company’s global engineering hub in Singapore. This article features an interview with Yung where she discusses career growth for engineers. In the interview, Yung shares career lessons and covers roadblocks that can appear at every stage of an engineering career. She also provides guiding questions to help readers make the right decisions.

EVERY SOFTWARE PROJECT IS A STARTUP THAT WILL PROBABLY FAIL

Most software systems will eventually fail. It’s non-trivial to maintain software, especially as it grows in both code size and user base. As a result, there are some guidelines to help software systems scale, such as documenting domain knowledge as much as possible, having an organizational focus on maintenance, and thoroughly estimating the expected value of a new initiative.

REACT CURRENCY INPUT FIELD

This is a React component for a currency input field that can handle many edge cases. It allows abbreviations, has prefix and suffix operations, and automatically inserts group separators.

LOTUSDB

LotusDB is an advanced key-value store written in Go. It is extremely fast and compatible with LSM and B+ trees. LotusDB combines the advantages of LSM and B+ trees to allow fast read/write performance while also beating those respective data structures at space usage.

BUILDING META’S THREADS APP

Threads had more than 100M installs in its first 5 days - the highest number of installs in history. How did the engineering team build the app to handle an unexpectedly intense launch? What challenges and technical decisions did they make? How were they able to build an app people liked in such tight deadlines? This article answers these questions through an interview with the server engineering lead and engineering manager of Threads.

FULL-STACK DEEP TECH STARTUPS & AI VALUE CAPTURE

This is an investor’s take on building full-stack companies to capture value in AI. It considers some of the polarizing views on AI and startup value capture, for example, AI investing will not be useful as startups are destroyed by every new iteration of more powerful models, and AI will be similar to mobile in that it will eventually create startups that capture value.

THE UNDERLYING MECHANISMS OF REACT’S CONCURRENT MODE

This article explains how concurrent mode in React works using React’s useTransition hook. It also walks through the author's reasoning process whenever they’re trying to figure out how something works.

HOW NASA WRITES SPACE-PROOF CODE

NASA writes space-proof code by focusing on testability, readability, and predictability.

MY NODE.JS IS A BIT RUSTY

FOUR COMMON TYPES OF CODE COVERAGE

Code coverage is a metric that measures the percentage of source code your tests execute. It helps you identify areas that may lack proper testing. This article is a deep dive into the importance of code coverage in tests and four common ways to measure it: function coverage, line coverage, branch coverage, and statement coverage.

BUILDING FOR THE “99% DEVELOPERS”

TAILWIND CSS? I’LL PASS

Tailwind CSS stands out as the fastest-growing CSS library to date. It has swiftly become an essential tool for front-end developers. However, Tailwind CSS should be reserved for extensive, intricate projects undertaken by developers and companies. For shorter projects, it's advisable to adhere to conventional CSS. This prevents your CSS skills from weakening and stops you from becoming overly reliant on shortcut frameworks.

RECIPEUI

RecipeUI is an open source Postman alternative with type safety built in. It helps you catch your API requests before they fail with TypeScript and autocomplete. RecipeUI can also enhance your workflows with auto-generated docs and reusable API templates.

NEBOA

Neboa is a simple yet powerful type-safe NoSQL database library for Node.js. It offers seamless data management with compile-time type-checking for enhanced reliability. Leveraging SQLite, Neboa ensures efficient and lightweight performance, making it perfect for Electron and other platforms.

TEXTBASE

A simple framework for building AI chatbots in Python. All you need is to implement an on_message function and everything else just works.

HOW TO WIN YOUR FIRST 10 B2B CUSTOMERS

FINDING USERS FOR YOUR PROJECT

There are a few actionable steps to finding users for your open source project. First, you need to spread the word. Then, figure out your message. Help people find and follow your project. Lastly, go to where your users are, both offline and online, and build a reputation amongst them.

DEFAULT COMPOSER

A tiny (~500B) JavaScript library that allows you to set default values for nested objects.

HOW TO PASS A COMPONENT AS A PROP IN REACT

To pass a component as a prop in React, you can use JSX, a component, native tags, and more.

GOOGLE

WHY NETFLIX INTEGRATED A SERVICE MESH IN THEIR BACKEND

Netflix recently integrated a service mesh in its backend. A service mesh is an infrastructure layer that handles communication between the microservices in your backend. It handles tasks like load balancing, service discovery, and more, making a microservices architecture simpler to deal with.

MASTERING CURL: INTERACTIVE TEXT GUIDE

Curl stands for "client for URLs". It's a tool for client-side internet transfers with URLs. Curl is useful for using and testing APIs quickly from the command line. This article dives deep into how ‘curl’ works and how to master it, with interactive examples along the way.

A GENTLE INTRODUCTION TO STATIC CODE ANALYSIS

Static code analysis is the process of examining source code (without actually executing it) to identify potential defects, security vulnerabilities, and other quality issues. It offers extensive insights into code that can help you improve code quality and security, the speed of development, and even team collaboration and planning. This article goes through static analysis tools and the benefits of using static analysis when it comes to code durability.

NODE.JS VS DENO VS BUN: JAVASCRIPT RUNTIME COMPARISON

JavaScript runtimes help you build advanced, server-driven JavaScript projects that aren't dependent on the user's browser to run. There are several choices of runtimes available. This article discusses the differences, benefits, and drawbacks of three major players: Node.js, Deno, and Bun.

WHEN DEPLOYMENTS ARE EASY, CODE BECOMES SIMPLER

When deployments are easy, code is simpler to write and developers feel more comfortable coding features. This is because there is less of a time cost for new features. This is a piece of anecdotal evidence that supports DORA, a developer productivity framework, and its prioritization of deployment frequency for elite engineering organizations.