Build Your Own React.js in 400 Lines of Code
📚 react
Building an interactive 3D event badge with React Three Fiber
Building Interactive Data Visualizations with D3.js and React
Data visualizations are a powerful way to represent complex information in a digestible and engaging manner. React, a popular JavaScript library for building user interfaces, can be integrated with D3.js to create stunning and interactive data visualizations.
weeklyfoo #21 / 2024-02-26reactd3
Bulletproof React
A simple, scalable, and powerful architecture for building production ready React applications.
weeklyfoo #33 / 2024-05-20react
Creating a Keyboard Shortcut Hook in React (Deep Dive)
Make a custom React hook to handle keyboard shortcuts.
weeklyfoo #57 / 2024-11-04reactshortcuts
Delicious Donut Components
An interactive guide to component composition with React Server Components
weeklyfoo #57 / 2024-11-04react
How to build a library in React
In this post, I quickly wanna go over how to build a library in React.
weeklyfoo #72 / 2025-02-17reactlibraries
How to Dockerize a React App
How To Use Google Sheets as a Database With React via Next.js
Choose this method over a more traditional database for one reason - data retrieval.
weeklyfoo #38 / 2024-06-24spreadsheetsreactnode
Make an Animated Menu like Stripe with React, Tailwind, and AI
Making a REST API typesafe with React Query and Zod
Especially zod helps you to keep your objects in the right shape.
weeklyfoo #47 / 2024-08-26zodreact
Mastering Focus Management in React with flushSync
Focus management is one of those things you don’t think about until it’s broken. But when it is, it can make your app feel clunky, inaccessible, or just plain wrong.
weeklyfoo #87 / 2025-06-02react
Todo Example with Apico Google Sheets
Sample repository showcasing how to create a Todo app with React and Google Sheets as the backend
weeklyfoo #20 / 2024-02-19reactspreadsheets
useStateObject