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)
webkit.org
Using :has() as a CSS Parent Selector and much more
12+ min · · 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 252, including Stammy, cody lindley, Axel Rauschmayer (INACTIVE), Jen Simmons, Yoav Ganbar (π₯ Builder.io/Qwik), Rodrigo Noales
orizens.com
500ms to 1.7ms In React: A Journey And A Checklist
7 min · · 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 172, including Yoav Ganbar (π₯ Builder.io/Qwik)
Smashing Magazine πΊπ¦ π³οΈβπ
Core Web Vitals Tools To Boost Your Web Performance Scores β Smashing Magazine
6 min · · 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 626, including Yoav Ganbar (π₯ Builder.io/Qwik), AJ Ghergich
joshwcomeau.com
Why React Re-Renders
14+ min · · 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 506, including Yoav Ganbar (π₯ Builder.io/Qwik), @kevinctofel@hachyderm.io πΊπ¦
maxrozen.com
Examples of large production-grade, open-source React apps
6 min · · 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/Qwik)
iximiuz.com
Why and How to Use containerd from the Command Line
6 min · · 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/Qwik)
freeCodeCamp.org
The Most Asked TypeScript Questions on StackOverflow
20+ min · · Shared by 15, including Yoav Ganbar (π₯ Builder.io/Qwik)
robbowen.digital
Holograms, light-leaks and how to build CSS-only shaders
11+ min · · Get a shiny WebGL look without actually using WebGL. In this article we take a look at how CSS blend modes unleash the potential of cool compositing effects without the need for JavaScript · Shared by 673, including Chris Coyier, Una πΊπ¦, David Hellmann, Yoav Ganbar (π₯ Builder.io/Qwik)
gabe.pizza
Notes on maintaining an internal React component library
20+ min · · A collection of my thoughts on maintaining a component library as part of an existing design system used by a large number of frontend applications. · Shared by 17, including Yoav Ganbar (π₯ Builder.io/Qwik)
surma.dev
The cost of convenience β surma.dev
11+ min · · It is tempting to build abstractions so developers have to do less and build more. However, this can easily end up causing frustrations with developers if not done right. Whenever I take a library or… · Shared by 88, including Yoav Ganbar (π₯ Builder.io/Qwik)
blog.mayank.co
Better scrolling through modern CSS
6 min · · There's more to scrollbars than you might expect · Shared by 176, including Yoav Ganbar (π₯ Builder.io/Qwik)
Smashing Magazine πΊπ¦ π³οΈβπ
How To Maintain A Large Next.js Application β Smashing Magazine
9 min · · In this article, Nirmalya discusses some of the complex problems that he faced while building and maintaining large Next.js applications. He always explains how these problems can be solved by using… · Shared by 18, including Yoav Ganbar (π₯ Builder.io/Qwik)
robinwieruch.de
Monorepos in JavaScript & TypeScript
20+ min · · A tutorial how to use a monorepo architecture in frontend JavaScript and TypeScript with tools like npm/yarn/pnpm workspaces, Turborepo/NX/Lerna, Git Submodules, ... · Shared by 24, including Yoav Ganbar (π₯ Builder.io/Qwik)
storybook.js.org
Why most design systems implode
4 min · · We asked Brad Frost if design systems are still relevant in 2022? · Shared by 726, including Yoav Ganbar (π₯ Builder.io/Qwik), James Young
infoworld.com
Reactive JavaScript: The evolution of front-end architecture
6 min · · Improving the client-side web experience means overcoming the challenges of βhydration,β a fascinating engineering problem being tackled in many different ways. Letβs dive in. · Shared by 5, including Yoav Ganbar (π₯ Builder.io/Qwik)
DEV Community
TailwindCSS: Adds complexity, does nothing.
11+ min · · If you work in the front-end, you've probably heard a lot about TailwindCSS, a CSS library, much like... · Shared by 46, including henrik, ξ¨ Thomas ξ¨ Fuchs ξ¨, David Hellmann, Yoav Ganbar (π₯ Builder.io/Qwik)