https://it-incubator.io/education/?utm_source=youtube&utm_medium=it-k&utm_campaign=education - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость. Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее: https://www.youtube.com/channel/UCTW0FUhT0m-Bqg2trTbSs0g/join Поддержать меня и получить доступ к дополнительному контенту можно вот здесь: https://www.patreon.com/itkamasutra Поддержать проект монеткой: https://social-network.samuraijs.com Платное обучение в онлайн инкубаторе: https://it-incubator.ru https://it-kamasutra.com А здесь бесплатная взаимопомощь: https://t.me/reactjs_samurai * Мы в соц. сетях: https://vk.com/itkamasutra https://instagram.com/it.incubator https://telegram.me/itkamasutra * Мои личные VK и Insta: https://vk.com/d.kuzyuberdin https://www.instagram.com/it.kamasutr... 00:00 - Вступление 05:50 - Про личный кабинет инкубатора 11:35 - Знакомство с проектом. Начало кодревью 18:05 - Комментарии в коде. https://jsdoc.app/about-getting-start... 24:50 - Структуру папок. Welcome | Feature-Sliced Design 33:05 - Важность index.ts для экспора и организации модульности 36:30 - Варианты import-export 42:30 - Рефакторинг anyGet, anyPost 55:00 - BaseAPIOptions 1:03:40 - Рефактор bll. F6 - для выноса функции 1:07:45 - Файловая структура стора. Слои в приложении 1:13:20 - Кастомные хуки. Ctl + Alt + V // Option + Command + V - вынос переменной 1:25:50 - Избавление от props drilling и использование селекторов 1:44:30 - createSelector. https://redux-toolkit.js.org/api/crea... 1:54:25 - Общая теория по рефактору кода 2:00:40 - Пункты оптимизации и рефакторинга 2:06:30 - Пэт проект для оптимизации 2:10:10 - Проблема перерендера из-за useState 2:11:30 - Знакомство с profiler 2:19:40 - Решение: использование React.memo 2:28:00 - Решение: вынос стэйта (useState) 2:32:00 - Проблема с запросами 2:39:00 - Про целесообразность React.memo. [доклад] React memo — сплетни исходники грань полезности. 2:41:35 - Дока реакта React Docs Beta 2:44:35 - Проблема и решение по оптимизации запросов на сервер через throttling и debounce 2:54:00 - Хук useDebounce. useDebounce 3:01:40 - Хук useThrottle. https://dev.to/loonywizard/react-uset... 3:07:10 - Обновление пунктов оптимизации 3:07:25 - Хук useRef. Умный способ использования хука useRef() в React ... 3:24:40 - Давайте договоримся... 3:26:40 - Прощание