Scoped Store: Когда useReducer не тянет, а Redux — слишком

Когда локальный стейт в React-модуле начинает расти - разработчик инстинктивно тянется к useReducer+Context . Это работает, пока не перестаёт: ререндеры везде, провайдеры в елочку, логика размазана. В статье разбираю как этот путь выглядит в реальном продакшне на примере редактора субтитров, и почему паттерн Scoped Store на базе Context+Zustand+useRef решает эту проблему чище и проще.

https://habr.com/ru/articles/1034926/

#react #zustand #context_api #useReducer #useState #state_management #оптимизация_ререндеров #useRef #react_performance #frontend_architecture

React の state とは何かを改めて整理した
https://qiita.com/ryo_sh/items/ef1af33a71b1e4ead816?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #React #useState

React useStateの「prev」「...prev」「[key]」の意味と使い方をやさしく解説
https://qiita.com/kazutorahattori/items/4575e1b6e41463e3dbf4?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #GoogleMapsAPI #React #フィルター #useState

Как тестировать хуки в React с @testing-library/react-hooks

Привет, Хабр! Сегодня рассмотрим, как тестировать React‑хуки с помощью @testing-library/react-hooks .

https://habr.com/ru/companies/otus/articles/923214/

#react #React_Hooks #Тестирование_React #Юниттесты #Хуки #useState #useCallback

Попытка написать свою реализацию встроенных хуков состояния в React + создание простого стейт менеджера

Не так давно я смотрел ничем не примечательный ролик про техническое интервью и услышал фразу от интервьюируемого фразу: «Ну можно написать свой useReducer или useState» — и мне захотелось вдруг попробовать ибо я никогда в серьез не задумывался как они работают под капотом и принялся за дело.

https://habr.com/ru/articles/881668/

#react #usestate #usereducer #hook #store #state_management #typescript #javascript

Did you know there are multiple ways to set initial values in React's useState?💡
Check out my latest article to master this essential hook and discover techniques you probably didn’t know about!

#react #usestate #hooks #javascript

https://medium.com/@vardan.hakobyan/mastering-usestate-in-react-setting-initial-values-the-right-way-4b570c0b3c2b

【注意喚起】ReactのuseStateの値がすぐに更新されない理由を誤って理解しがちな件について
https://qiita.com/haruki-lo-shelon/items/38b5e5f7842892b4485f?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #React #useState

New Blog released on @hashnode

Topic: This is how I built a counter using React

Link: https://edsondsouza.hashnode.dev/counter-using-react-and-tailwindcss

@Hiteshdotcom

#react #tailwindcss #hooks #useState #pairprogramming

Heute erst kapiert, dass sich #reactjs state (zumindest in funktionalen Komponenten) in Closures wie Konstanten verhalten... also nicht den aktuellen Wert repräsentieren, wenn die Funktion dieses Closures ausgeführt wird.

Man lernt nie aus.

Workaround: Mit useRef() eine Referenz setzen und diese über useEffect[state] immer aktuell halten

#javascript #useState​