TGViewer
isqualog • front-end • productivity isqualog • front-end • productivity @isqualog · 586 subscribers
Post #120 521

Forwarded from code_cleanup

Привет, а вот и новое видео!

В прошлой серии мы залезли в одну функцию сортировки и улучшали её. В этот раз смотрим шире — почему так больно работать с компонентом и откуда берутся данные.

А конкретно:
— выносим бизнес-логику из React компонента
— разбираемся с концепцией derived state
— используем селекторы в Zustand
— пишем тесты 💚 на стор без React и DOM
— и даже ловим классическую ошибку с getSnapshot в Next.js

Постарались сделать формат более живым, много обсуждений, сомнений и реальных решений по ходу.

Получился почти час 😅 наливайте чайку и залетайте к нам

https://youtu.be/oKbi-K2kj4Q
YouTube Code Cleanup #3: Stop Putting Business Logic in React Components (Zustand Selectors Explained) Managing state in React often leads to components full of business logic — filtering, sorting, pagination, and other derived data living directly in the UI. In this video, we refactor a real React application using Zustand and show how to move business logic…
  • 🔥 6
  • ❤ 2
More from @isqualog
  1. Jul 24, 2026Диктовка На работе нам раскатили Wispr Flow — аппка для распознавания речи в любом текстов…
  2. Jul 10, 2026Видели уже страничку с пулреквестами в гитхабе? Я только сегодня обнаружил редизайн, обычн…
  3. Jun 26, 2026пожалуйста уберите огонёчек, и так жарко
  4. Jun 26, 2026Европу накрыла heat wave, поэтому сегодня у нас рубрика РАСПАКОВКА В Германии кондиционеры…
  5. May 5, 2026Жизнь научила меня не смешивать разные изменения в одном PR Фичи, багфиксы, рефакторинг —…
  6. Mar 28, 2026Layers vs Vertical Slices Кирилл Мокевнин (Hexlet) набросил, как файлы класть — по типу ил…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →