The Daily Index — Tuesday, October 31, 2023 · TLDR Index

ARTICLES & TUTORIALS

TLDR Web Dev

TLDR Web Dev

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.io · 10 min

TLDR Web Dev

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.com · 11 min

TLDR Web Dev

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.com · 2 min

TLDR Web Dev

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.ph · 3 min

TLDR Web Dev

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.com · 26 min

TLDR Web Dev

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.com · 30 min

TLDR Web Dev

6 SOFTWARE ENGINEERING TEMPLATES I WISH I HAD SOONER

Six templates to help speed up processes at work, such as a design doc template, project management template, diff template, and more.

open.substack.com · 3 min

TLDR Web Dev

ON MIXING CLIENT AND SERVER

Mixing client and server code is the new paradigm in React with Server Components. With the “use server” directive, you can run components exclusively on the server. This means that you can do things like write asynchronous database queries right in the component code. This post offers some thoughts on the benefits and drawbacks of this architecture.

matt-rickard.com · 3 min

TLDR Web Dev

ANDROID AND RISC-V: WHAT YOU NEED TO KNOW TO BE READY

Google is planning to have Android support RISC-V in the near future, but there are a wide range of contributions necessary before it can happen.

opensource.googleblog.com · 4 min

TLDR Web Dev

JS SURPRISE: ARRAY.EVERY() ALWAYS RETURNS TRUE FOR EMPTY ARRAYS

Array.every() calls return true for empty arrays. As a result, it’s useful to consider whether there are any items in an array that don’t match a condition with every() call.

stefanjudis.com · 2 min