https://www.jacquesblom.com/library/Writing, videos, and talks from Jacques Blom.enhttps://www.jacquesblom.com/library/browser-as-video-rendering-engine/https://www.jacquesblom.com/library/browser-as-video-rendering-engine/Sat, 25 Dec 2021 00:00:00 GMTHow we used the browser to render video at Milk Video, keeping clips, scenes, and captions in sync.ReactVideoPerformancehttps://www.jacquesblom.com/library/recoil-in-two-minutes/https://www.jacquesblom.com/library/recoil-in-two-minutes/Thu, 22 Apr 2021 00:00:00 GMTHow atoms share state between components, atom families keep updates local to one item, and selectors calculate values from that state.ReactRecoilhttps://www.jacquesblom.com/library/blitzjs-tutorial/https://www.jacquesblom.com/library/blitzjs-tutorial/Thu, 15 Apr 2021 00:00:00 GMTA tour of the 2021 version of Blitz.js, using a small Task Hero to-do app to connect a React interface to a database.ReactTypeScriptBlitz.jshttps://www.jacquesblom.com/library/whats-new-in-recoil-020/https://www.jacquesblom.com/library/whats-new-in-recoil-020/Thu, 08 Apr 2021 00:00:00 GMTTwo examples of what changed when Recoil 0.2.0 rewrote selectors.ReactRecoilhttps://www.jacquesblom.com/library/react-hooks-from-scratch/https://www.jacquesblom.com/library/react-hooks-from-scratch/Mon, 29 Mar 2021 00:00:00 GMTBuild a small version of useState to understand how hooks preserve values between renders and keep multiple counters independent.ReactJavaScripthttps://www.jacquesblom.com/library/learn-recoil-course-announcement/https://www.jacquesblom.com/library/learn-recoil-course-announcement/Wed, 13 Jan 2021 00:00:00 GMTThe original announcement for Learn Recoil, introducing an Excalidraw-inspired drawing app as the course project.ReactRecoilhttps://www.jacquesblom.com/library/mock-service-worker-tutorial-part-2/https://www.jacquesblom.com/library/mock-service-worker-tutorial-part-2/Thu, 31 Dec 2020 00:00:00 GMTTest POST requests, route parameters, and failure cases, with reusable request handlers.TestingReactMSWhttps://www.jacquesblom.com/library/dont-use-getbytestid/https://www.jacquesblom.com/library/dont-use-getbytestid/Mon, 21 Dec 2020 00:00:00 GMTUse accessible roles in your tests to improve a custom checkbox, keyboard focus, and screen-reader labels.TestingAccessibilityReacthttps://www.jacquesblom.com/library/mock-service-worker-tutorial/https://www.jacquesblom.com/library/mock-service-worker-tutorial/Wed, 16 Dec 2020 00:00:00 GMTTest a React app against a mocked API with MSW, including loading, empty, and error states.TestingReactMSWhttps://www.jacquesblom.com/library/typescript-graphql-react-devconf/https://www.jacquesblom.com/library/typescript-graphql-react-devconf/Tue, 20 Oct 2020 00:00:00 GMTI live-code a React frontend with TypeScript and GraphQL, then talk through when I’d use that stack.ReactTypeScriptGraphQLhttps://www.jacquesblom.com/library/recoil-suspense-data-fetching-part-2/https://www.jacquesblom.com/library/recoil-suspense-data-fetching-part-2/Sun, 26 Jul 2020 00:00:00 GMTConnect the drawing tool to a real API, building on asynchronous selectors and Suspense boundaries.ReactRecoilData fetchinghttps://www.jacquesblom.com/library/recoil-suspense-data-fetching-part-1/https://www.jacquesblom.com/library/recoil-suspense-data-fetching-part-1/Sat, 25 Jul 2020 00:00:00 GMTAdd asynchronous data to a drawing tool with Recoil selectors and React Suspense, starting with image dimensions.ReactRecoilData fetchinghttps://www.jacquesblom.com/library/communication-habits/https://www.jacquesblom.com/library/communication-habits/Fri, 17 Jul 2020 00:00:00 GMTWhat changed as the Names & Faces engineering team grew, and the habits that helped us share context.TeamsEngineeringhttps://www.jacquesblom.com/library/dynamic-github-profile/https://www.jacquesblom.com/library/dynamic-github-profile/Mon, 13 Jul 2020 00:00:00 GMTUse a Netlify Function to update a GitHub profile README automatically when a new YouTube video is published.JavaScriptServerlesshttps://www.jacquesblom.com/library/high-performance-react-recoil/https://www.jacquesblom.com/library/high-performance-react-recoil/Tue, 07 Jul 2020 00:00:00 GMTWhen you drag one shape in a drawing app, how many other shapes does React render? I use Recoil to give each shape its own state.ReactRecoilPerformancehttps://www.jacquesblom.com/library/intro-to-recoil/https://www.jacquesblom.com/library/intro-to-recoil/Sun, 28 Jun 2020 00:00:00 GMTI built a small React to-do app to try Recoil shortly after its public release in 2020.ReactRecoil