TLDR Web Dev

TLDR WEB DEV 2025-01-14

5 sections16 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

REACT'S EXPERIMENTAL ANIMATIONS API

React's first animation API, `ViewTransition`, is built upon the browser's View Transition API. It offers animation capabilities previously unavailable in React. The View Transition API has limitations like uninterruptible animations and complex pseudo-element management. `ViewTransition` fixes these by integrating deeply with React's render cycle and using asynchronous updates.

motion.dev10 min read

FIVE YEARS OF REACT NATIVE AT SHOPIFY

Shopify successfully transitioned all its mobile apps to React Native over five years. This decision resulted in blazing-fast and stable apps, exceeding its performance goals. While it still had common React Native challenges like debugging and updates, Shopify found the benefits of React Native, like hot reloading and Typescript's contribution to talent flexibility, very useful.

shopifyengineering.myshopify.com11 min read

TYPESCRIPT WITHOUT BUILD TOOLS

Many tools today natively support TypeScript, including frameworks (e.g., Next.js, Astro), runtimes (e.g., Deno, Bun), and bundlers (e.g., Vite, Parcel), reducing the need for custom configuration. With Node.js soon supporting TypeScript by default, the ecosystem is shifting toward making TypeScript integration a standard.

frontendmasters.com5 min read

02OPINIONS & ADVICE

THE RIGHT TO ROOT ACCESS

Consumers should have the “right to root access,” which means they have the freedom to install any software on devices they own outright regardless of the device type. Currently, manufacturers often lock bootloaders and restrict software installation for “security reasons.”

medhir.com8 min read

20 LINES OF CODE THAT WILL BEAT A/B TESTING EVERY TIME

A/B testing is inefficient and flawed because it sacrifices user experience for data. A better alternative is the "multi-armed bandit" algorithm, specifically the epsilon-greedy method, which allows for simultaneous testing of multiple options and dynamically optimizes choices based on real-time performance.

stevehanov.ca7 min read

03LAUNCHES & TOOLS

Sponsored

HOW ELASTIC USES SEMANTIC RERANKING FOR SEARCH AND RAG

Semantic reranking often improves relevance, particularly in a zero-shot setting, and can also be used to trade-off indexing compute cost for querying compute cost. This blog post [9] introduces semantic reranking and how it can fit into your search and RAG pipelines. Read

elastic.coSponsor

WERK

werk is a new build system written in Rust that addresses shortcomings found in existing tools like make and just. These shortcomings include unreliable handling in spaces in file paths and cross-platform compatibility. werk is a simpler, more portable, and easier-to-debug alternative for building complex projects, especially video games.

simonask.github.ioTool

TRIMMIDDLE

trimMiddle shortens strings by removing characters from the middle and replacing them with a specified filler. It handles emojis correctly.

github.comGitHub repository

04MISCELLANEOUS

WORDPRESS IS IN TROUBLE

The legal battle between WordPress's creator Matt Mullenweg and WP Engine has caused a lot of issues in the WordPress community. Mullenweg's actions, including a prolonged WordPress.org holiday break and a drastic reduction in Automattic's open-source contributions, have led to community unrest. This has led to the resignation of key members from the WordPress Sustainability committee.

anderegg.ca7 min read

TESTING ACCESSIBILITY WITH SCREEN READERS

Screen readers rely on the accessibility tree to help users with disabilities navigate and interact with web apps, providing information about element roles, labels, states, and hierarchy. Proper accessibility testing involves using multiple screen readers, double-checking proper keyboard navigation, focus management, descriptive labels, and dynamic content announcements.

epicweb.dev9 min read

MODERN SQLITE FOR REACT NATIVE APPS

Expo SQLite and Drizzle can be used together to make using a local database in React Native. The combination offers type safety and developer-friendly abstractions, removing the need for raw SQL queries (though they still can be used) and manual schema management.

expo.dev7 min read