A rather geeky/technical weblog, est. 2001, by Bramus
Presentation by Patrick Hamann as given at performance.now(): WebAssembly (or Wasm) is a compilation target for the open web; often considered a hard-to-approach performance optimisation for your browser applications – but it promises to be so much more than that! In this talk we’ll debunk some myths about WebAssembly and explore what it is and …
Rodrigo Pombo: We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. Next to the contents themselves, it’s also presented in a really nice way. As you read along the code next to it also changes. Bret Victor …
react-native-svg-transformer
React Native SVG transformer allows you to import SVG files in your React Native project the same way that you would in a Web application when using a library like SVGR to transform your imported SVG images into React components. This makes it possible to use the same code for React Native and Web. Oh, …
Continue reading “Easily use SVG files in React Native with react-native-svg-transformer“
From the Firefox Blog: When the Disney+ streaming service rolled out, millions of people flocked to set up accounts. And within a week, thousands of poor unfortunate souls reported that their Disney passwords were hacked. According to media reports, some Disney+ account holders have lost their account access while hackers have sold their logins online. …
Of course it had to be done: What I found most peculiar is that only the front lights are generated content, all the rest is gradients. Only detail that’s missing are the smashed windows 😜 Oh, Here’s another nice version (no single div though): See the Pen Pure CSS CYBRTRK 🚙 by Jhey (@jh3y) on …
Dmitri Pavlutin has compared the several ways to fecthing data in React. Lifecycle methods had been for a long time the only solution to fetching. However fetching using them has problems with lots of boilerplate code, duplication, and reusability difficulties. Fetching using hooks is a better alternative: way less boilerplate code. Suspense’s benefit is declarative …
Continue reading “React: Fetching data with lifecycle methods, hooks, or suspense — a comparison”
David Thompson on his favorite Git commit: a single character fix, but with one hell of an explanation: In a different organisation, from a different developer, this entire commit message might have been change whitespace, or fix bug, or (depending on the team’s culture) some less than flattering opinions about the inventor of the non-breaking …
Kent C. Dodds: If you’re experiencing React performance issues, try this: “Lift” the expensive component to a parent where it will be rendered less often. Then pass the expensive component down as a prop. You may find doing so solves your performance problem without needing to spread React.memo all over you codebase like a giant …
Continue reading “One simple trick to optimize React re-renders”
Mathias Hansen, co-founder of Geocodio, on how they analyze their API response times: For the longest time, we focused on average response times. It is a quick and simple metric that you can quickly break down by API endpoint and time window. […] While measuring average response time have their place they can also be …
Display macOS Dock in Touch Bar. It’s free and open source! Not that I’d use it (I always use the “Expanded Control Strip” to make the Touch Bar show the “regular” keys), but I found this one quite interesting and it looks really cute. Installation possible per brew cask: brew cask install pock You can …
Continue reading “Display the macOS Dock in Touch Bar using Pock”