Fed Bites
A curated collection of articles around front end web development, javascript and software engineering in general.
Collection by Yoav Ganbar (🥑 Builder.io/Qwik)
deno.com
The Future of the Web is on the Edge
8 min · · A brief history of the internet explaining why building for the edge is faster, more secure, and easier than ever. · Shared by 13, including Yoav Ganbar (🥑 Builder.io/Qwik)
Smashing Magazine 🇺🇦 🏳️🌈
You Don’t Need A UI Framework — Smashing Magazine
10 min · · Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out… · Shared by 437, including Sara Soueidan, David Hellmann, Yoav Ganbar (🥑 Builder.io/Qwik), Dirk Spannaus, Oliver Raduner, Dennis Lembrée
rsci.app.link
React and Next.js is DEAD — Something New is (Finally) Replacing It (For Good)
· Is this the beginning of the next revolution for JavaScript Framework? Apparently, YES! · Shared by 5, including Yoav Ganbar (🥑 Builder.io/Qwik)
visualgo.net
visualising data structures and algorithms through animation
8 min · · Pro tip: We notice that you are not logged in. There are growing features that are only available for users who are logged in. Basically, VisuAlgo can be customized for you. VisuAlgo user account is… · Shared by 143, including Yana O, Yoav Ganbar (🥑 Builder.io/Qwik), rohit, Michael Weibel, Minnix, masone, Thompson Marzagão, Florian Hanke 🍎, William El Kaim, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Mattia Fregola 🤔, René Clausen Nielsen, Benny Schudel, wahalulu@fosstodon.org Marck Vaisman
frontendmastery.com
The new wave of Javascript web frameworks
14+ min · · Make sense of the proliferation of new Javascript web frameworks. A deep dive into the problems at scale and the recent evolution of innovation. · Shared by 947, including Balda, Yoav Ganbar (🥑 Builder.io/Qwik), David Hellmann, Ⓓarío Macchi, Kent C. Dodds 🌌, Matthew Turland
Smashing Magazine 🇺🇦 🏳️🌈
A Primer On CSS Container Queries — Smashing Magazine
18+ min · · A prototype of the long-awaited CSS container queries has landed in Chrome Canary and is available for experimentation. Let’s look at what problem is being solved, learn how container queries work,… · Shared by 90, including Brad Frost, Chris Heilmann codepo8@toot.cafe, Sara Soueidan, Stef Walter, Yoav Ganbar (🥑 Builder.io/Qwik)
thisweekinreact.com
useSyncExternalStore - The underrated React API
9 min · · 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 137, including Yoav Ganbar (🥑 Builder.io/Qwik)
DEV Community
Building Full Stack Permanent Applications with Arweave, Smartweave, and Next.js
17+ min · · How to build full stack dapps on the permaweb. · Shared by 8, including Yoav Ganbar (🥑 Builder.io/Qwik)
ente.io
The minimum TypeScript you need for React
8 min · · React/TypeScript 101 · Shared by 5, including Yoav Ganbar (🥑 Builder.io/Qwik)
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/Qwik), Tyler McGinnis, @kevinctofel@hachyderm.io 🇺🇦
tkdodo.eu
React Query meets React Router
14+ min · · React Query and React Router are a match made in heaven. · Shared by 12, including Kent C. Dodds 🌌, Yoav Ganbar (🥑 Builder.io/Qwik)
Swizec Teller writing a book on software rewrites
If it works together, it lives together
5 min · · Wherein I use LEGO to talk about organizing your code for ease of use · Shared by 8, including Yoav Ganbar (🥑 Builder.io/Qwik)
joshwcomeau.com
Understanding useMemo and useCallback
20+ min · · 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 494, including Monica.dev, Yoav Ganbar (🥑 Builder.io/Qwik)
front-end.social/@heydon
Complex conditional width using flex-basis with clamp
3 min · · 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/Qwik)
CSS-Tricks
CSS Grid and Custom Shapes, Part 2
14+ min · · 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/Qwik)
CSS-Tricks
Using Grid Named Areas to Visualize (and Reference) Your Layout
12+ min · · 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 519, including David Hellmann, Yoav Ganbar (🥑 Builder.io/Qwik)