TLDR Web Dev

TLDR WEB DEV 2023-04-28

5 sections16 entriesinline urlcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

THE INTERACTIVE GUIDE TO RENDERING IN REACT

React is generally a simple model to understand, where a view is a function of the state. However, there is one concept that is harder to understand: rendering. Exactly when and how does React update the view? This interactive guide makes understanding React rendering simple.

ui.dev10 min read

02OPINIONS & ADVICE

03LAUNCHES & TOOLS

LINEN

linen.dev3 min read

REACT HOTKEYS HOOK

React Hotkeys Hook is a React hook for using keyboard shortcuts in components in a declarative way.

github.comGitHub repository

NEXT ROUTE VISUALIZER

Next Route Visualizer is designed to display the routes for the ‘app’ directory of Next.js 13 in a visual tree-like fashion. This package aims to help developers better understand the routes in their Next.js app directory by providing a clear visual representation of the routes and their relationships. This package can be useful if you are new to the Next.js 13’s new ‘app’ directory and need to visualize it.

github.comGitHub repository

04MISCELLANEOUS

THE FUTURE OF PROGRAMMING: RESEARCH AT CHI 2023

CHI 2023 is a conference for leading human-computer interaction research. This blog post lists some interesting papers related to programming, such as visual methods to debug better.

austinhenley.com4 min read

LEARN WEBGPU

This documentation walks you through the use of the WebGPU graphics API to create native 3D applications in C++ from scratch, for Windows, Linux, and macOS.

eliemichel.github.ioTool