TLDR Web Dev

TLDR WEB DEV 2024-06-24

5 sections18 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

EXPOSITION OF FRONTEND BUILD SYSTEMS

Frontend build systems evolved as JavaScript codebases grew larger and developer needs became more complex. They consist of three steps: transpilation to address unsupported language features, bundling to reduce network requests, and minification to decrease file sizes. These steps are facilitated by tools like Babel, SWC, and Webpack, among others, and enhanced by developer tools like meta-frameworks, sourcemaps, hot module replacement, and monorepo tools.

links.tldrnewsletter.com14 min read

SVG: THE GOOD, THE BAD AND THE UGLY

SVG is a widely supported and powerful format for vector graphics, but it's also bloated, complex, and not well-suited for either machine processing or direct human use. It's part of the web standard, making it annoying for implementation due to its large specification and dependencies on other standards like XLink, CSS, and JavaScript. The ideal solution would be a simpler machine-focused exchange format, potentially JSON-based, with a minimal feature set and strict test suite for universal compatibility and easier implementation.

eisfunke.com7 min read

LIVE TYPES IN A TYPESCRIPT MONOREPO

You can use custom conditions to live-update TypeScript types in monorepos. This involves user-defined conditional exports in package.json and customConditions in tsconfig.json.

colinhacks.com12 min read

02OPINIONS & ADVICE

THE TROUGH OF DESPAIR

Improving software design to support new features is a process that inevitably involves a temporary decline in performance before reaching a better state. The software designer's role is to envision the desired state and strategically manage the transition process, considering factors like the size of improvement steps, the time to achieve initial value, and the rate of improvement after the initial dip. This process is called "succession" and involves making choices about the design transformation, sequencing steps to minimize disruptions, and balancing risk with efficiency.

tidyfirst.substack.com5 min read

THE REAL 10X DEVELOPER MAKES THEIR WHOLE TEAM BETTER

The concept of the "10x developer" is a myth, as individual contributions have less impact on project success than the quality of collaboration. Successful organizations foster a culture of community learning, enabling knowledge sharing and collaboration across teams. Developers can contribute to this culture by actively engaging in learning and sharing mistakes.

stackoverflow.blog5 min read

03LAUNCHES & TOOLS

Sponsored

REVOLUTIONIZE GENAI APPLICATIONS WITH VULTR CLOUD GPU, POWERED BY NVIDIA

With Vultr and receive instant access to cutting-edge NVIDIA GPUs for AI, VR, HPC, and More. With 32 data center locations, Vultr ensures seamless access to cloud infrastructure worldwide – so you can enhance apps while avoiding the complexity and cost of the

links.tldrnewsletter.comSponsor

CODE INTERPRETER SDK

The Code Interpreter SDK is a Python & JS/TS SDK for adding code interpreting to your AI app. It supports multiple LLMs and streaming.

github.comGitHub repository

AWS LAMBDA WEB ADAPTER

This is a tool for running web applications on AWS Lambda. It supports web frameworks like Next.js, Express.js, Flask, and more.

github.comGitHub repository

@KITBAG/ROUTER

@kitbag/router is a type-safe router for Vue.js web apps. It has features like route definition, parameter updates, and navigation management.

github.comGitHub repository

04MISCELLANEOUS

WHY YOUR BRAIN IS 3 MILION MORE TIMES EFFICIENT THAN GPT-4 - DEAD SIMPLE INTRODUCTION TO EMBEDDINGS, HNSW, ANNS, VECTOR DATABASES AND THEIR COMPARISON BASED ON EXPERIENCE FROM PRODUCTION PROJECT

This author initially tried chromaDB for their vector database needs, but found limitations in scalability and build time. After evaluating options like Pinecone and pgvector, they ultimately chose Qdrant for its performance, ease of use, feature set, and supportive community. The author advises against Milvus and pgvector due to performance and compatibility issues.

grski.pl33 min read

FORMAL METHODS: JUST GOOD ENGINEERING PRACTICE?

Formal methods are techniques used to model complex systems as mathematical entities. While initially perceived as costly, they can actually save time and money by reducing rework and helping with early interface changes in large-scale, distributed, or low-level systems. Unlike agile development, which is better suited for projects with evolving requirements, formal design is best when requirements are well-understood.

brooker.co.za8 min read

FROM THE 80'S TO 2024 - HOW CI TESTS WERE INVENTED AND OPTIMIZED

Software testing was a manual process in the 1980s, with engineers reviewing code printouts for errors. Automated unit tests became more prevalent in the 1990s, but they were often written and run by specialized testers, leading to slow feedback cycles. The 2000s saw the rise of automated continuous integration (CI) servers like Hudson (Jenkins) that enabled testing of every code change.

graphite.dev11 min read