Fed Bites
A curated collection of articles around front end web development, javascript and software engineering in general.
Collection by Yoav Ganbar (🥑 @BuilderIO)
nan.fyi
Inside Framer's Magic Motion
~19 min read · · A guide on recreating framer's magical layout animations. · Shared by 72, including Ahrbil, Yoav Ganbar (🥑 @BuilderIO)
strictmode.io
How to build, test, and publish a TypeScript npm package in 2022
5 min read · · In this article, we will develop and publish an NPM package from scratch using TypeScript and Jest for testing. · Shared by 13, including Yoav Ganbar (🥑 @BuilderIO)
renatopozzi.me
Your Next.js Bundle Will Thank You
20+ min read · · If you are having problems with an extremely huge bundle size for your Next.js application, this... · Shared by 16, including Yoav Ganbar (🥑 @BuilderIO)
CSS-Tricks
CSS Grid and Custom Shapes, Part 1
9 min read · · In a previous article, I looked at CSS Grid's ability to create complex layouts using its auto-placement powers. I took that one step further in another · Shared by 159, including henrik, Yoav Ganbar (🥑 @BuilderIO)
UX Collective
One formula to rule them all: the ROI of a Design System
· Co-authored with Guido Baena Wehrmann · Shared by 5, including Yoav Ganbar (🥑 @BuilderIO)
CSS-Tricks
Using Web Components With Next (or Any SSR Framework)
6 min read · · In my previous post we looked at Shoelace, which is a component library with a full suite of UX components that are beautiful, accessible, and — perhaps · Shared by 18, including Yoav Ganbar (🥑 @BuilderIO)
domevents.dev
Explore DOM Events
2 min read · · Learn how the DOM Event system works through exploration · Shared by 105, including Joe Lencioni, David Hellmann, Angie Jones, Simo Ahava, cody lindley, Devon Govett, Evan (he/him), Vašek, Marius Bleuer, Yoav Ganbar (🥑 @BuilderIO), egghead.io, Pascal Birchler, Dion Almaer, Chris {he, they} , ashley, дэн, Guillermo Rauch
epicweb.dev
The Web’s Next Transition
~19 min read · · Web is made up of technologies that got started over 25 years ago. Now, we are transitioning to a new and improved architecture for building web applications. · Shared by 393, including Kent C. Dodds 🌌, Yoav Ganbar (🥑 @BuilderIO)
prateeksurana.me
The future of rendering in React
20+ min read · · Understand what are the problems with current rendering patterns in React, and how the new rendering patterns introduced with React 18 and future versions of React aim to solve them. · Shared by 103, including Yoav Ganbar (🥑 @BuilderIO)
deno.com
The Future of the Web is on the Edge
8 min read · · 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 (🥑 @BuilderIO)
Smashing Magazine 🇺🇦 🏳️🌈
You Don’t Need A UI Framework — Smashing Magazine
10 min read · · 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 419, including Dennis Lembrée 🦃, Dirk Spannaus, Yoav Ganbar (🥑 @BuilderIO), Oliver Raduner, David Hellmann
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 (🥑 @BuilderIO)
visualgo.net
visualising data structures and algorithms through animation
8 min read · · 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 138, including Yana O, Florian Hanke 🍎, rohit, Michael Weibel, Minnix, masone, Thompson Marzagão, Yoav Ganbar (🥑 @BuilderIO), 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 read · · 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 269, including Ⓓarío Macchi, Yoav Ganbar (🥑 @BuilderIO), David Hellmann, Matthew Turland, Kent C. Dodds 🌌, Balda
Smashing Magazine 🇺🇦 🏳️🌈
A Primer On CSS Container Queries — Smashing Magazine
~18 min read · · 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 39, including Brad Frost, Chris Heilmann codepo8@toot.cafe, Sara Soueidan, @stephaniewalter@front-end.social, Yoav Ganbar (🥑 @BuilderIO)
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 (🥑 @BuilderIO)
