Newslurp

<< Stories

$70k Firebase bill 🀯, what to expect in 2025 πŸ†•, debloating React code 🧹

TLDR Web Dev <dan@tldrnewsletter.com>

January 17, 12:09 pm

TLDR WebDev
A founder accidentally had some buggy code in an old project that stored 1PB of data in GCS, leading to a $70k Firebase bill. β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ  β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ β€Œ 

TLDR

Together With Algolia

 TLDR Web Dev 2025-01-17

Simplify Search Implementation with Algolia's Web Crawler (Sponsor)

Algolia's web crawler is designed for developers seeking a fast, efficient way to implement search without complex data integration. This automated tool scans web pages of any size, streamlining data ingestion and eliminating the need for custom indexing pipelines. You can schedule automated crawling sessions, enrich your extracted content with business web data and more!

With guided onboarding, you can quickly build a proof of concept and experiment without uploading sensitive data. Try the Self-Service Crawler and AI Search for free today.

πŸ§‘β€πŸ’»

Articles & Tutorials

Some things to expect in 2025 (7 minute read)

Some key trends in the free and open-source software world for 2025 include the rise of the extensible scheduling class (sched-ext), increased adoption of Rust in the Linux kernel, and further exposure of potential backdoors in existing software. There are also concerns about single-maintainer projects and the use of AI-generated code in major projects, which contributors are still figuring out how to manage properly.
Bloated React code? Try component hooks (5 minute read)

React components become overly complex as more and more features are added to them. Bloated React components can be simplified by moving logic into custom hooks. This refactoring improves readability, testability, and maintainability.
Tight Mode: Why Browsers Produce Different Performance Results (9 minute read)

Tight Mode is a resource-loading mechanism in Chrome and Safari that prioritizes high- and medium-priority resources during the initial loading phase while deferring low-priority resources until later. Chrome focuses on JavaScript in the `head` and makes exceptions for LCP-related images, while Safari considers both JavaScript and CSS throughout the document and strictly defers medium-priority resources.
🧠

Opinions & Advice

Dangit, Git!?! (7 minute read)

This website offers plain-English solutions to common Git problems. It covers scenarios like accidental commits, incorrect branch commits, and problematic diffs, with straightforward commands to rectify these situations.
No Calls (9 minute read)

The creator of Keygen implemented a "no calls" policy to avoid the time and stress of sales calls. When aiming for larger clients, they initially tried sales calls but found them ineffective and resumed their "no calls" approach, surprisingly closing an enterprise sale via email communication. Sales calls weren't really needed after addressing potential client concerns (understanding the product, usage, pricing, and trust) through clear messaging, readily available pricing, great documentation, and focusing on security.
I Ditched the Algorithm for RSSβ€”and You Should Too (7 minute read)

RSS feeds offer a non-algorithmic way to consume online content. They allow you to filter out unwanted content (like memes or low-quality posts) and prioritize high-quality material.
πŸš€

Launches & Tools

GitHub Copilot is now FREE to useβ€”but do you know all the things you can do with it? (Sponsor)

With 2,000 code completions and 50 chat messages a month, plus access to Claude 3.5 Sonnet and GPT-4o, there are loads of ways GitHub Copilot can help you code. Looking to save time? Edit multiple files at once, write tests or debug with slash commands, and more. Start from VS Code or your GitHub dashboard.
DBOS Transact (GitHub Repo)

DBOS Transact is a lightweight TypeScript library that provides durable execution capabilities powered by Postgres. It helps with the reliable execution of workflows, background jobs, and event processing by persisting execution state within the database.
A standards first web framework (9 minute read)

Nue is a new web framework that hopes to address the complexities of modern frontend development. The framework tackles two key issues: an over-reliance on JavaScript frameworks, which creates unnecessary complexity and technical debt, and the disconnect between design and engineering, which hinders creative design systems. Nue promotes a "standards-first" approach using HTML, Markdown, and modern CSS for cleaner, faster, and more maintainable code.
React Nil (GitHub Repo)

This library provides null components for when you don't need to render anything in a React component but want to use hooks, Suspense, Context, or respond to React lifecycle events.
🎁

Miscellaneous

Test-Driven Development with an LLM for Fun and Profit (7 minute read)

LLMs can generate unit tests and code implementations iteratively based on prompts that include specifications, function signatures, and test results. This workflow reduces the friction of TDD by minimizing manual copy-pasting and handling debugging, although humans still have to review and refine the LLM's output.
Offline-First Landscape (12 minute read)

Implementing offline-first functionality for a large dataset is more complex than it seems. After exploring several offline-first solutions like WatermelonDB, Triplit, and InstantDB, the developer found each unsuitable due to performance limitations. They ultimately chose Replicache, a KV store offering great performance, supplementing it with Orama for indexing and search capabilities.
AI Agents Are Here. What Now? (25 minute read)

AI agents perform tasks autonomously based on goals. This article explores the ethical challenges posed by AI agents, including concerns over safety and the potential for loss of human control. A recommendation made is avoiding fully autonomous agents and instead aiming for semi-autonomous models that balance functionality with oversight.
⚑

Quick Links

My Firebase bill is usually $50/month, but I was surprised to see a ~$70,000 bill in one day (2 minute read)

A founder accidentally had some buggy code in an old project that stored 1PB of data in GCS, leading to a $70k Firebase bill.
Learn Yjs Interactively (Website)

Learn Yjs is an interactive tutorial series that teaches the creation of real-time collaborative applications using the Yjs CRDT library, shown with live, collaborative examples and exercises.
YJIT 3.4: Even Faster and More Memory-Efficient (9 minute read)

YJIT 3.4, a faster and more memory-efficient just-in-time compiler for Ruby, offers a 5-7% performance improvement over the previous version.
"OpenAI is on a path of certain failure" (13 minute read)

In January 2018, Elon Musk emailed OpenAI cofounders expressing dissatisfaction with OpenAI's progress and suggesting a merger with Tesla as the only viable path to compete with Google's AI dominance, which was rejected by OpenAI's cofounders.

Love TLDR? Tell your friends and get rewards!

Share your referral link below with friends to get free TLDR swag!
Track your referrals here.

Want to advertise in TLDR? πŸ“°

If your company is interested in reaching an audience of web developers and engineering decision makers, you may want to advertise with us.

Want to work at TLDR? πŸ’Ό

Apply here or send a friend's resume to jobs@tldr.tech and get $1k if we hire them!

If you have any comments or feedback, just respond to this email!

Thanks for reading,
Priyam Mohanty, Jenny Xu & Ceora Ford


If you don't want to receive future editions of TLDR Web Dev, please unsubscribe from TLDR Web Dev or manage all of your TLDR newsletter subscriptions.