Lightnews — Scholar-powered news

Daniele

@danieleirsuti.dev

31 followers 180 following 88 posts

I write javascript stuff to pay my rent

Member of GDG Pescara

Posts Replies Media Videos

Daniele

@danieleirsuti.dev

Question for React devs: With the new use API, which isn't a hook, how are you naming your context-consuming functions?

The classic useMyContext pattern feels odd if the function is just a wrapper for use(MyContext). Does it still count as a hook, or are you using a new naming scheme?

#ReactDev

$// -- old way export function useMyContext() { const context = useContext(MyContext); if (context === undefined) { throw new Error( 'useMyContext must be used within a MyContext Provider' ); } return context; } // -- new way export function useMyContext() { // ^^^ Ehi, naming is misleading here, it's not an actual hook! const context = use(MyContext); if (context === undefined) { throw new Error( 'useMyContext must be used within a MyContext Provider' ); } return context; }$

September 18, 2025 at 9:43 AM

Daniele

@danieleirsuti.dev

Today, I came across this small piece of code for mocking, but I'm not sure if it's a good approach.
The environment is #JSDOM, and the testing tool is #Vitest.

The purpose of this test is to mock "window.location.assign" and "window.open"

Test experts, help.

const mockAssign = vi.fn();
const mockOpen = vi.fn();

beforeEach(() => {
Object.defineProperty(window, 'location', {
configurable: true,
value: {
...window.location,
assign: mockAssign,
},
});

Object.defineProperty(window, 'open', {
...window.open,
configurable: true,
writable: true,
value: mockOpen,
});
});

afterEach(() => {
vi.restoreAllMocks();
});

February 12, 2025 at 1:43 PM

Daniele

@danieleirsuti.dev

Exploring @astro.build and React form actions: is there a way to progressively enhance the form to restore filled values when a validation error occurs in some fields?