A rather geeky/technical weblog, est. 2001, by Bramus
useRef to Fix React Performance Issues
Sidney Alcantara who works on Firetable, a product which features a data grid and an adjacent side drawer. When clicking a cell in the table, the side drawer opens with info about the current cell. Initially they lifted up the state, but that caused performance issues: The problem was whenever the user selected a cell …
Continue reading “How to useRef to Fix React Performance Issues”
Ever saw your code break and don’t know when exactly the bug was introduced? Zvonimir Spajic walks us through git bisect to find the commit that broke things. I’ve used it myself quite a few times by now and it truly is really helpful in those situations. What I didn’t know however, is that it’s …
Melanie Richards: If you’ve ever tried to put a sticky item in a grid layout and watched the item scroll away with the rest of the content, you might have come to the conclusion that position: sticky doesn’t work with CSS Grid. Fear not! It is possible to get these two layout concepts working together. …
Wonderful demo by Jhey Tompkins, showcasing some recreated glitch effect buttons based upon Cyberpunk 2077. Recreate the Cyberpunk 2077 Button Glitch Effect in CSS → If you can’t quite follow there — as it’s quite a big demo — here’s a more simplified demo from 2015 featuring a simple glitch text effect: See the Pen …
Continue reading “Cyberpunk 2077 Button Glitch Effect in CSS”
A geospatial analytics platform for data unification, enrichment, and visualization. It’s built on top of the aforementioned deck.gl and Kepler.gl Unfolded Studio →Unfolded Studio Example: All Public Transport stops in Germany → Sidenote: By the looks of it, the open-source Kepler.gl is doing the heavy lifting there.
MirrorDisplays a simple application that toggles between mirrored and extended desktop modes. It’s the easiest way to turn on, or turn off display mirroring. Also comes with a (separately installable) CLI tool which makes this pretty interesting The command line tool is good for giving shell-scripts the power to control display mirroring and opens up …
If you’re looking for an intro on how to deploy your React app to Vercel, Firebase, Netlify, GitHub Pages, Heroku, etc. this page has got you covered. Comes with easy to follow instructions. 10 ways to deploy a React app for free → Related: Here’s my post on how to deploy your first site onto …
From the folks over at the HTTP Archive The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. It is comprised of 22 chapters spanning aspects of page content, user experience, publishing, and distribution. Be sure to reserve some time for this, as this …
Just announced by Cloudflare — and currently in beta — is “Cloudflare Pages”, a product that competes with Netlify. Cloudflare Pages is a JAMstack platform for frontend developers to collaborate and deploy websites. Plays nice with Cloudflare Workers too. Cloudflare Pages →Cloudflare Pages Announcement →
