TLDR Index
TLDR Web Dev

TLDR WEB DEV 2023-10-31

5 sections15 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

THE COMPLETE GUIDE TO WEBSOCKETS WITH REACT

WebSockets is a communication protocol that enables bidirectional communication between applications. React itself does not require a specific library for WebSockets, though some do exist. This article dives into best practices for managing WebSocket connections in React with code examples. It explores different approaches, such as using the "useWebSocket" hook, managing the connection in the top-level component, using the Context API, or creating a custom hook.

ably.com30 min read

MAKE AN ANIMATED MENU LIKE STRIPE WITH REACT, TAILWIND, AND AI

This tutorial discusses how to recreate Stripe's morphing menu animation in React. It provides code snippets and explanations for creating the interactive navigation menu with hover effects. The tutorial starts with a basic React app, generates markup using AI, and then adds the necessary logic (hover tracking, animations) to achieve the desired animation and interaction effects.

builder.io10 min read

UNDERSTANDING GRAPHQL DIRECTIVES: PRACTICAL USE-CASES AT ZALANDO

The blog post delves into practical uses for GraphQL directives at Zalando, shedding light on how they help in defining authorization requisites and managing metadata efficiently. Two directives, `@isAuthenticated` and `@sensitive`, are highlighted for their roles in ensuring authentication and protecting sensitive data. These directives not only offer granular control in the organization’s API development process but also enhance the security and efficiency of data handling.

engineering.zalando.com11 min read

02OPINIONS & ADVICE

CSS IS FUN AGAIN

Recent advancements have made CSS more powerful and flexible, with features like nesting, color manipulation, containment, and style queries becoming native. These enhancements have simplified complex tasks and reduced the need for external tools, making CSS a more capable language for web development.

pdx.su6 min read

FIVE FALLACIES OF ESTIMATIONS IN SOFTWARE DEVELOPMENT

This article debunks several myths, such as the idea that someone should do estimations independently, emphasizing the benefits of team collaboration in estimations. It also challenges the notion of using man-hours instead of story points, highlighting that story points better represent the variability in development tasks. Additionally, it emphasizes the importance of discussing and detailing stories during estimations, as well as the value of planning poker sessions for obtaining diverse viewpoints within the team.

medium.com2 min read

IS IT WISE TO TURN YOUR BEST PROGRAMMERS INTO MANAGERS?

Talented programmers should not be forced into management roles, but rather allowed to continue coding because their expertise can benefit less experienced developers. Experienced programmers can play a crucial role in shaping strategic and executive decisions within a company and their technical expertise should be valued as much as other disciplines in management.

archive.ph3 min read

03LAUNCHES & TOOLS

WRITERSIDE

Writerside is a new technical documentation tool from JetBrains. It comes with multiple features, such as a built-in Git UI, automated tests, Markdown support, live preview, and more. It also has REST API documentation generation.

jetbrains.comTool

BACKGROUND-REMOVAL-JS

background-removal is a powerful JavaScript package that allows developers to seamlessly remove the background from images directly in the browser. With its unique features and capabilities, this package offers an innovative and cost-effective solution for background removal tasks without compromising data privacy.

github.comGitHub repository

04MISCELLANEOUS

THROUGH THE AGES: APPLE CPU ARCHITECTURE

Apple CPU architecture has evolved over the past few decades. Today, it’s one of Apple’s unique competitive advantages. This article goes through the four ages of Apple’s CPU architecture, from the Motorola 68k in 1984 to the Apple Silicon chips (M1, M2, M3) introduced in 2020. It provides a detailed walkthrough of each CPU’s architecture, advantages, and disadvantages.

jacobbartlett.substack.com26 min read

I ACCIDENTALLY SAVED HALF A MILLION DOLLARS

An employee saved their company half a million dollars in a few minutes by making a simple change in the configuration panel. The situation was absurd, as the inefficiency they fixed should have been addressed much earlier. The company had a history of poor decision-making, hiring both talented individuals and inexperienced consultants, resulting in a chaotic and inefficient analytics platform. Despite the employee’s efforts, the organization seemed more interested in maintaining the illusion of competence rather than acknowledging its operational shortcomings.

ludic.mataroa.blog8 min read

MY USER EXPERIENCE PORTING OFF SETUP.PY

This blog describes the experience of trying to add Python 3.12 support to a Python package and the challenges faced in the Python packaging ecosystem. It highlights the issues that come up when trying to use python setup.py and covers modern tools and standards like pyproject.toml. There are many issues with documentation and information for guidance on Python packaging.

gregoryszorc.com30 min read