Fed Bites
A curated collection of articles around front end web development, javascript and software engineering in general.
Collection by Yoav Ganbar (🥑 Builder.io)
thisweekinreact.com
useSyncExternalStore - The underrated React API
9 min read · · You might have heard of useSyncExternalStore(), a new React 18 hook to subscribe to external data sources. It is often used internally by state management libraries - like Redux - to implement a… · Shared by 70, including Yoav Ganbar (🥑 Builder.io)
DEV Community 👩💻👨💻
Building Full Stack Permanent Applications with Arweave, Smartweave, and Next.js
~17 min read · · How to build full stack dapps on the permaweb. · Shared by 8, including Yoav Ganbar (🥑 Builder.io)
ente.io
The minimum TypeScript you need for React
8 min read · · React/TypeScript 101 · Shared by 5, including Yoav Ganbar (🥑 Builder.io)
ui.dev
A Complete Guide to React Router: Everything You Need to Know
· In this comprehensive, up-to-date tutorial, you'll learn everything you need to know to build production ready apps with React Router. · Shared by 9, including Yoav Ganbar (🥑 Builder.io), Tyler McGinnis, @kevinctofel@hachyderm.io 🇺🇦
tkdodo.eu
React Query meets React Router
~14 min read · · React Query and React Router are a match made in heaven. · Shared by 12, including Kent C. Dodds 🌌, Yoav Ganbar (🥑 Builder.io)
Swizec Teller writing a book you’ll wanna read
If it works together, it lives together
5 min read · · Wherein I use LEGO to talk about organizing your code for ease of use · Shared by 8, including Yoav Ganbar (🥑 Builder.io)
joshwcomeau.com
Understanding useMemo and useCallback
20+ min read · · What's the deal with these two hooks?! Lots of devs find them confusing, for a whole host of reasons. In this tutorial, we'll dig deep and understand what they do, why they're useful, and how to get… · Shared by 170, including Yoav Ganbar (🥑 Builder.io)
mastodon.social/@heydon
Complex conditional width using flex-basis with clamp
3 min read · · The primitive Sidebar layout is a kind of quantum layout whereby the sidebar only exists as a sidebar where there is available space. As the Sidebar document details, wrapping from a two-column to a… · Shared by 8, including George M 🇪🇺, Yoav Ganbar (🥑 Builder.io)
CSS-Tricks
CSS Grid and Custom Shapes, Part 2
~14 min read · · Alright, so the last time we checked in, we were using CSS Grid and combining them with CSS clip-path and mask techniques to create grids with fancy shapes. · Shared by 153, including Yoav Ganbar (🥑 Builder.io)
CSS-Tricks
Using Grid Named Areas to Visualize (and Reference) Your Layout
~12 min read · · Whenever we build simple or complex layouts using CSS Grid, we're usually positioning items with line numbers. Grid layouts contain grid lines that are · Shared by 193, including David Hellmann, Yoav Ganbar (🥑 Builder.io)
webkit.org
Using :has() as a CSS Parent Selector and much more
~12 min read · · It’s been a long-standing dream of front-end developers to have a way to apply CSS to an element based on what’s happening inside that element. · Shared by 51, including Stammy@stammy.design, cody lindley, Axel Rauschmayer (INACTIVE), Jen Simmons, Yoav Ganbar (🥑 Builder.io), Rodrigo Noales
orizens.com
500ms to 1.7ms In React: A Journey And A Checklist
7 min read · · 500ms to 1.7ms In React: A Journey And A Checklist I bet the need to tweak perfomance comes in a certain phase of development for every developer, in every app… · Shared by 77, including Yoav Ganbar (🥑 Builder.io)
Smashing Magazine 🇺🇦 🏳️🌈
Core Web Vitals Tools To Boost Your Web Performance Scores — Smashing Magazine
6 min read · · Identify, compare, analyze and fix your Core Web Vitals scores to boost web performance of your sites. These tools will help you to do just that. · Shared by 198, including Yoav Ganbar (🥑 Builder.io), AJ Ghergich
joshwcomeau.com
Why React Re-Renders
~14 min read · · In React, we don't update the DOM directly, we tell React what we want the DOM to look like, and React tackles the rest. But how exactly does it do this? In this tutorial, we'll unpack exactly when… · Shared by 186, including Yoav Ganbar (🥑 Builder.io), @kevinctofel@hachyderm.io 🇺🇦
maxrozen.com
Examples of large production-grade, open-source React apps
6 min read · · All of the to-do apps are great for starting to learn React, but what about real-life? Let's see what real production React apps are like. · Shared by 10, including Yoav Ganbar (🥑 Builder.io)
iximiuz.com
Why and How to Use containerd from the Command Line
6 min read · · How to run containers without Docker? How to use ctr containerd client? What is nerdctl? What is crictl? · Shared by 10, including Yoav Ganbar (🥑 Builder.io)
