#frontend_react — Public Fediverse posts

«Баги из ниоткуда»: почему компоненты React ломаются «сами по себе» и как это исправить

Прямая мутация данных — ситуация, когда мы меняем объект или массив по существующей ссылке, не создавая новую копию. В React это одна из самых частых и при этом самых коварных ошибок. Она нарушает принцип неизменяемости (immutability) — если данные изменились, должен появиться новый объект, а старый оставаться без изменений. На этом принципе строятся ключевые механизмы React: сравнение пропсов и состояния, оптимизации через мемоизацию и предсказуемость ререндеров. Если данные меняются напрямую, часть компонентов не обновляется, появляются случайные баги, а отладка становится сложнее. В этой статье мы разберем реальные кейсы из практики Modus BI, покажем наш подход и правила, которые помогают исключить мутации на этапе разработки. Гайд поможет вам системно подойти к вопросу и навсегда избавиться от целого класса неуловимых багов.

https://habr.com/ru/companies/modusbi/articles/966166/

#React #реакткомпоненты #React_ошибки #Фронтенд #Frontend #frontendразработка #frontend_react

@tanstack/react-query + react typescript

Хотелось бы рассказать как я использую @tanstack/react-query в своих проектах при построении архитектуры приложения

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

#react #reactjs #typescript #react_query #@tanstack/reactquery #reactquery #frontend #frontendразработка #frontend_development #frontend_react

@tanstack/react-query + react typescript

Хотелось бы рассказать как я использую @tanstack/react-query в своих проектах при построении архитектуры приложения

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

#react #reactjs #typescript #react_query #@tanstack/reactquery #reactquery #frontend #frontendразработка #frontend_development #frontend_react

@tanstack/react-query + react typescript

Хотелось бы рассказать как я использую @tanstack/react-query в своих проектах при построении архитектуры приложения

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

#react #reactjs #typescript #react_query #@tanstack/reactquery #reactquery #frontend #frontendразработка #frontend_development #frontend_react