A rather geeky/technical weblog, est. 2001, by Bramus
Speaking of Kent C. Dodds in the previous post: he has updated his The Beginner’s Guide to React on Egghead to include Hooks and the whole lot. This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in …
useAbortController – A React Hook to work with the AbortController
Kent C. Dodds recently floated this snippet around, a React Hook to easily work with the the AbortController: function useAbortController() { const abortControllerRef = React.useRef() const getAbortController = React.useCallback(() => { if (!abortControllerRef.current) { abortControllerRef.current = new AbortController() } return abortControllerRef.current }, []) React.useEffect(() => { return () => getAbortController().abort() }, [getAbortController]) const getSignal = …
Continue reading “useAbortController – A React Hook to work with the AbortController“
Josh W. Comeau: Because sound is used so rarely on the web, it can be quite impactful. It’s a bit of a secret weapon, and it can make a surprisingly big difference for the right kinds of projects! To make it a bit easier to get started, I pulled out the hook I built for …
Continue reading “useSound – A React Hook for Sound Effects”
Adam Rackis has written an extensive article on React Suspense for CSS-Tricks: This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We’ll look at how to integrate routing and data loading with Suspense in React. React Suspense in Practice → 📽 If …
React Bricks is a block-based CMS using React components as blocks. It works with Gatsby or Next.js and it has WYSIWYG editing Currently invite only. No information on pricing, but by looking at the docs I guess it won’t be free (as it will require an API Key) React Bricks →
With the new Facebook design that got anounced just a few days ago, this video by Ashley Watkins is worth a look: Ashley discusses some of the technologies and strategies powering FB5, the new facebook.com. Topics covered include Facebook’s approach to CSS-in-JS, data-driven dependencies, phased code downloading, and more.
classnames-components – A classnames component wrapper to speed up styling React components
Geoffrey has created a handy package to quickly create React components that are built of an element with some CSS classes applied to them. Handy for when you’re working with CSS libraries such as Tailwind. import cc from 'classnames-components'; // using arguments const Header = cc('h1')('font-sans', 'text-3xl'); // using an array const Intro = cc('p')(['font-serif', …
Now this is a step forward: gqless is a fundamentally new approach to a GraphQL client. It makes using your API enjoyable, by generating queries at runtime based upon the data your app consumes. Here’s an example app of it in action. Notice how the data it fetched automagically, depending on what is to be …
Continue reading “gqless – A GraphQL client without queries”
Update 2020.06.09: here’s a full tutorial to get you started with RedwoodJS. Now here’s an interesting project: Redwood is an opinionated, full-stack, serverless web application framework that will allow you to build and deploy JAMstack applications with ease. Imagine a React frontend, statically delivered by CDN, that talks via GraphQL to your backend running on …
Continue reading “RedwoodJS – Bringing full-stack to the JAMstack”
Nice work by Jared Palmer: a React State Management Library which uses Immer internally so you don’t have to worry about overwriting (unrelated) parts of your state whilst updating some value in it. import React from 'react'; import { render } from 'react-dom'; import { createStore, Provider, useSelector } from 'mutik'; // Create a lil' …
Continue reading “Mutik – A tiny immutable state management library based on Immer”