TLDR WEB DEV 2024-06-25

>> Read the details here

>> Check out the Summer Edition brochure here

RESILIENT SYNC FOR LOCAL FIRST

Local-first software stores and processes data locally on users' devices while using the internet for backup when connected. Resilient Sync uses a simple log format to track changes and assets, allowing offline data processing and easy sync across devices. It offers independence from push notifications, the ability to load entries without knowing their content, easy detection of missing data, and the option for data replication and peer-to-peer synchronization.

MOBX MEMOIZES COMPONENTS (YOU DON'T NEED REACT COMPILER)

MobX, a React state management library, automatically tracks dependencies and memoizes components. The upcoming React Compiler is meant to auto-memoize components, but MobX already does this more efficiently with less memory.

CATCHING COMPROMISED COOKIES

Slack detects session forking through the use of last access timestamps, IP addresses, and a two-phased cookie update approach. Session forking is when a cookie is being used from more than one device at the same time. Slack's system helps identify and mitigate the risks associated with stolen cookies while reducing false positives and minimizing performance impact.

MICROFEATURES I LOVE IN BLOGS AND PERSONAL WEBSITES

Microfeatures, like sidenotes, tables of contents, and easily linkable headings, enhance the quality of life for readers of blogs and personal websites. Little UX details on a website can have huge ROIs on user experience.

THE DEATH OF THE JUNIOR DEVELOPER

There may be a potential decrease in demand for junior developers due to the rise of AI-powered coding assistants like ChatGPT. Junior developers should focus on learning fundamentals like algorithms, data structures, and system design, rather than just programming languages. They should also learn to work well with AI assistants, as senior developers who can effectively guide and review AI-generated code will eventually be more valuable.

HOW TO GET PROMOTED: LESSONS FROM AN EX-AMAZON VP

Ethan Evans, an ex-Amazon VP, emphasizes understanding and addressing the gaps (skills, relationships, or time) between your current role and desired promotion while building trust and expanding the scope of your work through consistent high-quality performance. He advises adapting to your manager's style, involving mentors in your promotion process, and building relationships with higher-level managers.

infrastructure management. Watch the video (free)

GOOGLE AI SDK FOR JAVASCRIPT

The Google AI JavaScript SDK allows developers to utilize Google's generative AI models like Gemini for various applications, such as text and image generation, and chat interactions.

EIDOS

Eidos is an extensible framework for managing your personal data throughout your lifetime in one place. It's similar to Notion and has offline support, AI features, and SQLite standardization.

ANTHROPIC SDK TYPESCRIPT

This library provides convenient access to the Anthropic REST API from server-side TypeScript or JavaScript.

COUNTERSCALE AND THE NEW SELF-HOSTED

Counterscale is an open-source web analytics service that is self-hostable on Cloudflare's developer cloud. It can be deployed as a single Cloudflare Worker that serves a JavaScript reporting snippet. Counterscale hosts a reporting endpoint and has a dashboard UI written in Remix. The heart of Counterscale is the Workers Analytics Engine, which is a set of managed services built on top of Clickhouse that allows for the writing and querying of analytics-style data at a massive scale. The service is essentially free for most users as it falls within Cloudflare's free plan limits.

THE ETERNAL TRUTH OF MARKDOWN

Markdown is a popular markup language designed for easy reading and writing of plain text. While it's simple and flexible, it also has ambiguities in both syntax and resulting HTML output. Some programmers tried to standardize Markdown with CommonMark, but Markdown's lack of a single standard is actually its strength.

I FOUND AN 8 YEARS OLD XORG BUG

This developer discovered an 8-year-old bug in Xorg (the open-source implementation of the X Window System display server), where windows would disappear even while the server was locked using the GrabServer command. The bug was tracked down using eBPF and uprobe, which revealed that it was a simple misuse of epoll that caused the server to process close-downs even when it shouldn't. This bug likely went unnoticed for so long because only compositors like picom need to know about all windows, but don't have control over their closure, putting them in a unique situation where the GrabServer lock is necessary.

A LOCAL-FIRST CODEBASE OPENS THE DOOR TO MORE COLLABORATORS

Local-first architecture simplifies the development process by making data readily available locally, increasing team productivity.

LEVERAGING AI FOR EFFICIENT INCIDENT RESPONSE

Meta has developed an AI-assisted root cause analysis system that combines heuristic-based retrieval and a large language model to streamline system reliability investigations, achieving 42% accuracy in identifying root causes related to their web monorepo.

NO MATTER WHAT THEY TELL YOU, IT'S A PEOPLE PROBLEM

The success or failure of software development projects is mostly determined by process and people issues (such as job satisfaction).

NEW JAVASCRIPT SET METHODS

New JavaScript Set methods like intersection(), union(), difference(), symmetricDifference(), isSubsetOf(), isSupersetOf(), and isDisjointFrom() are now available in most major browsers without the need for a polyfill.