mefody.dev

Что делает "use client"

Дэн Абрамов на примерах объясняет, чем отличаются директивы 'use client' и 'use server' в React. Я думал, что понимал, как оно приблизительно работает под капотом, а оказалось, что не до конца понимал.

Напомню, в React 19+ добавили такую сущность, как React Server Components. И если вы хотите явно разделить логику на серверную-клиентскую, то можно добавить «магические» директивы 'use client' и 'use server', компилятор их особым образом обработает, расставит правильные импорты-экспорты по коду, обмажет абстракциями, а потом оно у вас всё вместе в теории возьмёт и заработает.

Понравилось сравнение Дэна этих директив с дверьми: они соединяют один мир с другим. И примеры кода понятные и простые.

https://overreacted.io/what-does-use-client-do/

overreacted.io

What Does "use client" Do? — overreacted

Two worlds, two doors.

👍26🥴13🤯5❤‍🔥4❤1

www.tgoop.com/mefody_dev/343

4.54K viewsApr 30 at 15:30

Что делает "use client"

Дэн Абрамов на примерах объясняет, чем отличаются директивы 'use client' и 'use server' в React. Я думал, что понимал, как оно приблизительно работает под капотом, а оказалось, что не до конца понимал.

Напомню, в React 19+ добавили такую сущность, как React Server Components. И если вы хотите явно разделить логику на серверную-клиентскую, то можно добавить «магические» директивы 'use client' и 'use server', компилятор их особым образом обработает, расставит правильные импорты-экспорты по коду, обмажет абстракциями, а потом оно у вас всё вместе в теории возьмёт и заработает.

Понравилось сравнение Дэна этих директив с дверьми: они соединяют один мир с другим. И примеры кода понятные и простые.

https://overreacted.io/what-does-use-client-do/

BY mefody.dev