TLDR Web Dev 2024-05-09

Microsoft emails on Google AI 🤖, secrets to productivity ✍️, show off your work 🎁

🧑‍💻
Articles & Tutorials

Lost in Translation: The Bug That Spoke Russian and Crashed My App (8 minute read)

This author was debugging a seemingly random crash in their app, Lipo Manager, which occurred only after certain users updated their phones. They found the crash only happened if the device language was set to Russian due to an encoding issue with SQLite. The fix was simple: manually set the device locale to 'ru' specifically for Russian users. The root cause of this bug on the developer's side was because they used ORMs for data persistence on Android.

Streamline Design Systems Across Web Frameworks (8 minute read)

Mitosis is a tool that lets you write UI components once and use them across different web frameworks like React or Vue. This saves development time and ensures a consistent look and feel for your applications. By working with Figma, Mitosis can also streamline the process of turning designs into code.

How to Execute End-to-End Tests at Scale (10 minute read)

QA Wolf built a cloud-native infrastructure on Google Cloud that allows it to run large-scale end-to-end tests. Customers initiate test runs that are orchestrated by a Run Director service, with tests executing in isolated pods for reliability. QA Wolf's system not only isolates tests, but also allows the company to run tests in parallel, automatically retry failures for flake detection, and optimize resource usage to keep costs down.
🧠
Opinions & Advice

5 Ways to Show Your Work Without Being Cocky (8 minute read)

Sharing your work is necessary for career growth and visibility, but can be intimidating. Some good ways to share your work more naturally include using demo sessions, sharing designs before implementation, using retrospectives to acknowledge your contributions, and posting on cross-team chat channels.

The simple secret of productive people (8 minute read)

Productive people have deep work sessions where they concentrate solely on the task at hand. It's important to schedule dedicated sessions of deep work as it actively trains your brain to focus for longer and allows you to get more work done.

Don't Get Duped by Titles (3 minute read)

FAANG companies might down-level experienced hires because they focus on the project's complexity, not just workers' titles. To avoid this, take on challenging projects at your current job and be clear about your target level with the recruiter. Don't be discouraged by a title change as it might just be a company-specific term.

A Developer's Experience Rewriting a Novel-Writing App (20 minute read)

This author rewrote their novel-writing app, Fablehenge, from React to Svelte because Svelte offered faster development, less code, and a more enjoyable experience. Svelte's challenges include styling child components and Svelte 4's reactivity model. The author believes Svelte's advantages outweigh these and that Svelte could become the leading framework for new projects.
🚀
Launches & Tools

Rx (GitHub Repo)

Rx is a command-line tool that makes it easy to create, use, and share development environments. It integrates with whatever tools you're currently using and gives you a long-running VM in the cloud that is kept in sync with your local machine.

Semantic Cache (GitHub Repo)

Semantic Cache is a tool for caching natural text based on semantic similarity. It's ideal for any task that involves querying or retrieving information based on meaning, such as natural language classification or caching AI responses. For example, two pieces of text can be similar but not identical (e.g., "great places to check out in Spain" vs. "best places to visit in Spain"). Traditional caching doesn't recognize this semantic similarity and misses opportunities for reuse.
🎁
Miscellaneous

Selecting the Best Node.js Version Manager (7 minute read)

Choosing the right Node.js version manager can streamline your workflow. This article explores various options like NVM, FNM, and Volta, highlighting their strengths and weaknesses. It concludes that Volta is the current frontrunner for its ease of use, cross-platform support, and ability to manage toolchains.

The search for easier safe systems programming (7 minute read)

June is a new systems programming language that aims to be easier to learn and use than Rust. It simplifies memory management using grouped allocations, so related data shares a single lifetime rather than tracking individual lifetimes as in Rust.

Thoughts on OpenAI (4 minute read)

This is an internal Microsoft email from 2019 that reveals concerns about falling behind Google in AI and the motivation for partnering with OpenAI. Microsoft watched how Google Search and other AI integrations were getting better while it struggled to replicate the same success. Google's BERT-based models were ahead of Microsoft not just due to talent, but also because Google had ample AI infrastructure in place.
⚡️
Quick Links

Scope, Not Titles (3 minute read)

FAANG companies evaluate your interview performance based on the scope of your past work rather than your job title, so focus on demonstrating the scope of your responsibilities to avoid being down-leveled.

How it Achieves Platform-Agnostic Apps (11 minute read)

Flutter achieves platform-agnosticism through its own rendering engine, platform channels, and packages that bridge the gap between the Flutter code and the native platform.

Popover API (Website)

The Popover API, newly available in Baseline, gives web developers a standard mechanism (using pure HTML or JavaScript) for displaying popover content on top of other page content.

Llama3.js (GitHub Repo)

A JavaScript implementation of Llama 3 using node-mlx.
Get our free, 5-minute newsletter read by 350,000 frontend, backend, and full stack developers
Join 300,000 readers for