A rather geeky/technical weblog, est. 2001, by Bramus
A common misconception about React is that you need to set up an entire toolchain to get started with it. While that might have been true in the past, that certainly isn’t the case today. From the React Docs: The majority of websites aren’t, and don’t need to be, single-page apps. With a few lines …
Continue reading “You don’t need webpack / Rollup / Babel / whatever to start with React”
Some notes: Great to see that Vue grew out of a personal need, not a plan to make money. Those projects always win. It requires one to invest a lot of personal time and effort into their projects … remember that, before you start complaining about something in a repository (or in a blog’s comment …
Symfony 5 recently got released. Fabien Potencier – Symfony’s creator – has also published a book along with its release. This book – written by Symfony’s creator – lays out a pragmatic approach to developing web applications with Symfony 5: from scratch to production. Whether you are discovering Symfony for the first time or refreshing …
Nice tip by Kamran Ahmed: Find the commit that broke the tests $ git rebase -i –exec "yarn test" d294ae9 This will run "yarn test" on all the commits between d294ae9 and HEAD and stop on the commit where the tests fail — Kamran Ahmed (@kamranahmedse) February 2, 2020 If you want to go back …
Continue reading “Find the Commit that Broke the Tests with `git rebase –exec`”
esbuild – An extremely fast JavaScript bundler and minifier
Interesting work by Evan Wallace, a JS bundler/minifier written in Go. Since it compiles down to native code, it’s fast: My main benchmark approximates a large codebase by duplicating the three.js library 10 times and building a single bundle from scratch, without any caches. For this benchmark, esbuild is 10-100x faster than the other JavaScript …
Continue reading “esbuild – An extremely fast JavaScript bundler and minifier”
If you have a public repository with a Dockerfile you can have users automatically deploy the container to Google Cloud Run by adding a Cloud Run Button. It’s no more than an image that links to https://deploy.cloud.run, like so: [](https://deploy.cloud.run) Add that code to your README.md and when a visitor follows that …
React Query provides you with a set of hooks to fetch data in React. Think of pages that use pagination, infinite scroll, auto-refetching, etc. It’s backend agnostic, so sources can be REST, GraphQL, etc. Here’s an example that uses pagination import React from 'react' import fetch from '../libs/fetch' import { usePaginatedQuery } from 'react-query' export …
Continue reading “React Query – Hooks for fetching, caching and updating asynchronous data in React”
Dave Rupert: I’ve always abided in the idea that “HTML is accessible by default and then we come along and mess it up. But that’s not always the case. There are some cases where even using plain ol’ HTML causes accessibility problems. I’m going to start rounding up those HTML shortfalls in this here post …
Now this is fun: Send a tweet to @bbcmicrobot with some BASIC code and it will run it on a 1980s 8-bit computer emulation for you, replying with the result (as a video) Deploy your BASIC code to our 6502 data center in just one tweet. Welcome to 8-bit cloud 10 MODE 2 20 COLOUR …
scroll-margin-top
If you’ve ever implemented a design with a fixed header, you’ve surely had this problem: You click a jump link like <a href="#header-3">Jump</a> which links to something like <h3 id="header-3">Header</h3>. That's totally fine, until you have a position: fixed; header at the top of the page obscuring the h3 you're trying to link to! Fixed …