Guillaume Renard – Medium

Home

Following

Library

Reading history

Stories

Stats

Guillaume Renard

Pinned

Why I won’t put my stories behind a paywall

Except for this one. Let me explain.

Aug 14, 2024

Why I won’t put my stories behind a paywall

Aug 14, 2024

Published in
Level Up Coding

The Testing Burger 🍔

Because web apps crave a new testing strategy.

Nov 5, 2024

A burger on a white background

Nov 5, 2024

Published in
Level Up Coding

Are Playwright and Vitest ready to replace Jest?

My journey towards better frontend testing.

Oct 8, 2024

Image of a man scrutinizing a tablet with a magnifying glass, standing while the tablet rests on a white cube, all in a claymation style with a light blue sky background.

Oct 8, 2024

Published in
Cubed

Module Federation users now have a clear upgrade path!

Webpack’s successor has landed, with first-class support for Module Federation.

Aug 28, 2024

Aug 28, 2024

Published in
Stackademic

How to implement Tabs that sync with React Router

Syncing tabs with the current location can be tricky, especially when dealing with relative paths.

Aug 7, 2024

Aug 7, 2024

Implementing the useStable(value) hook with React Query

One thing I love about React Query is that the data it returns is stable. What if we could reuse its code to stabilize our objects?

Jul 30, 2024

$/_proxy/https/ useStable.ts import { useEffect, useRef } from “react”; import { replaceEqualDeep } from “@tanstack/react-query”; export function useStable<T>(value: T) { const ref = useRef(value); const stable = replaceEqualDeep(ref.current, value); useEffect(() => { ref.current = stable; }, [stable]); return stable; }$

$/_proxy/https/ useStable.ts import { useEffect, useRef } from “react”; import { replaceEqualDeep } from “@tanstack/react-query”; export function useStable<T>(value: T) { const ref = useRef(value); const stable = replaceEqualDeep(ref.current, value); useEffect(() => { ref.current = stable; }, [stable]); return stable; }$

Jul 30, 2024

Published in
Stackademic

Fully typed Web Apps with OpenAPI (Part 2)

In this episode, OpenAPI generator takes your web app to new heights.

May 20, 2024

A superhero flying the sky, with a light green cape, a light green mask on his eyes, light grey clothes, red gloves, red belt, red boots, dark hair, who is a developer and not very muscular.

May 20, 2024

How I Stay Updated with React in 2024

It’s 2024, RSC is all over the place and React 19 is coming. Get ready for it!

Mar 21, 2024

How I Stay Updated with React in 2024

Mar 21, 2024

Published in
Stackademic

Fully typed Web Apps with OpenAPI (Part 1)

Meet OpenAPI generator, the unsung hero for fully typed APIs.

Mar 6, 2024

A superhero with a cape and a mask on his eyes, with colors light green, white, and dark gray, turning his back on the camera, who is a developer and not very muscular.

Mar 6, 2024

Accessibility: the selfish reasons why developers should care about it

Accessibility (a11y) is not just for others or for later. See how you and your team can benefit from it today!

Dec 27, 2023

A developer discovering accessibility, in the style of “Indiana Jones and the raiders of the lost ark”. Accessibility is represented as a precious item that reads “a11y”.

Dec 27, 2023

Guillaume Renard

Guillaume Renard

Front-end developer and web enthusiast.

Following

Help
Status
About
Careers
Press
Blog
Privacy
Rules
Terms
Text to speech