TLDR WEB DEV 2024-11-20

> Register for the webinar

> Get Atlassian Loom (free)

REACT ANTI-PATTERN: STOP PASSING SETTERS DOWN THE COMPONENTS TREE

Passing `useState` setter functions as props to child components is a React anti-pattern. This creates an abstraction leak, tightly coupling the child to the parent's internal state management and making the code fragile and less reusable. The solution is to instead pass a callback function that encapsulates the state change, allowing the child to update the parent's state without knowing the specific implementation details.

CONDITIONAL PROPS IN REACT USING TYPE DISCRIMINATION

TypeScript's type discrimination can be used to manage conditional props in React components, making sure props are type-safe and mutually exclusive when required. This article shows practical examples, like defining components that accept either one prop or another but not both.

OFFSET CONSIDERED HARMFUL OR: THE SURPRISING COMPLEXITY OF PAGINATION IN SQL

SQL pagination is complex and using the offset keyword can make it worse. `offset` can lead to duplicate results and degrade performance, especially with large datasets, due to its need to process and skip data. A better alternative is to use predicate-based pagination with a `where` condition.

ONCALL SHIFT SHOULD BE TUESDAY TO TUESDAY

A Tuesday-to-Tuesday on-call rotation is better than Monday-to-Monday because it accommodates weekend issue resolution and holiday scheduling, allowing for a more thorough follow-up on problems. It's a simple, low-cost improvement to overall team efficiency.

HOW I SHIP PROJECTS AT BIG TECH COMPANIES

Engineers should prioritize impact over optics and focus on delivering meaningful results that improve metrics and benefit users. Trust and recognition are gained through impactful work and should not be the primary goal.

REACT SCAN

React Scan is a tool that automatically detects and highlights performance issues in React applications. Unlike other tools, it requires minimal code changes and provides clear visual cues to pinpoint problematic components.

PGLITE-FUSION

Pglite-fusion lets users embed SQLite databases into their PostgreSQL tables.

UNDERSTANDING THE BM25 FULL TEXT SEARCH ALGORITHM

The BM25 algorithm is a full-text search algorithm widely used in systems like Lucene/Elasticsearch and SQLite. This post goes over the algorithm's mathematical components - inverse document frequency (IDF), term frequency, and document length normalization - showing how they contribute to a relevance score.

AWS LAMBDA TURNS TEN – LOOKING BACK AND LOOKING AHEAD

AWS Lambda launched in 2014 and quickly gained traction. Today, it has over 1.5 million users and tens of trillions of function invocations monthly.

GO TURNS 15

Go recently celebrated its 15th anniversary as an open-source project. Its user base has more than tripled in the last five years. Recent Go releases (1.22 and 1.23) were focused on improving for loops, iterators, and generics, along with improvements to the standard library, including the HTTP router and execution traces.

DATA ENGINEER HANDBOOK

A collection of data engineering resources, including projects, interview guides, roadmaps, books, and more.

DYNAMICALLY GENERATING PWA APP ICONS IN THE NEXT.JS APP ROUTER

This article goes over how to dynamically generate different Progressive Web App (PWA) icons for various environments (development, staging, and production) in a Next.js app, with code examples.

PLEASE JUST STOP SAYING "JUST"

The word "just," when used to describe a software engineering solution, minimizes the complexity of the task, discourages critical thinking and alternative solutions, and contributes to imposter syndrome.

ASK HN: HOW DO YOU COMMUNICATE IN A REMOTE STARTUP? (HACKER NEWS THREAD)

Tips for improving remote startup communication include keeping discussions public on platforms like Slack, recording and summarizing meetings, sharing solutions openly, maintaining clear documentation, and avoiding excessive DMs.