useEffect подробно - как работает, когда вызываются эффекты

Самый мистических хук Реакта useEffect засыпал ни одного кандидата во время собеседований. Разбираемся с особенностями данного хука - когда он нужен, из чего состоит, каким образом выполняется и какую роль во всём этом играет так называемая функция очистки.

📺 YouTube

Clean Code #видео #React

Лучшие практики по работе с Context API в React приложении

Разбираемся как оптимизировать React приложение при работе с Context API: как лучше организовать код с добавлением кастомных хуков, и какую технику применить, чтобы избежать лишних рендеров там, где это не требуется.

📺 YouTube

Clean Code #видео #React

Полный курс React Query за час | TanStack Query v4 для начинающих

Этот материал позволит тебе изучить Реакт Квери за час с нуля (важно только знание React). Считай это 20 уроков React Query в одном видео. В прошлый раз я делал быстрый курс по React Query, но это был не полный материал. Также отвечу на вопросы зрителей, которые встречаются на собеседование на Junior Front-end разработчика. Можно сказать это фундаментальный курс по React Query от А до Я.

📺 YouTube

Clean Code #видео #React

Ускоряем разметку - Emmet для React

Смотрим как встроенный помощник Emmet помогает быстрее писать разметку, будь то html или jsx в React. Теги и классы, атрибуты и текст, группировка элементов соседних элементов, упрощенный синтаксис. Работа с обычными css классами и с css modules. Разбираем на примере VSCode, но по аналогии Emmet работает и в других популярных редакторах кода.

📺 YouTube

Clean Code #видео #React

Куда катится React? Это успех или провал?

Недавно случилась заруба между Андреем Ситником и Дэном Абрамовым. Тема спора была как развивается React. Он по прежнему топ 1 или уже более новые иновационные решения дышат ему в спину. Все это мы и обсудим в текущем видео!

📺 YouTube

Clean Code #видео #React

Хуки мемоизации больше не нужны. React обзавёлся компилятором

React compiler был представлен на React Conf 2024 в виде Babel плагина. Компилятор позволяет автоматически мемоизировать участки кода, где это необходимо. При этом использование хуков useMemo и useCallback, а также функции memo становится избыточным.

📺 YouTube

Clean Code #видео #React

📖Learn React with TypeScript
🖋Carl Rippon | 2023

Сделайте свой первый шаг в создании современных веб-приложений на основе компонентов с использованием новейших функций и возможностей React и TypeScript с помощью этого простого в использовании руководства

💾 Скачать книгу

Clean Code | #книги #React

Максимальный перфоманс с React Signals

Некоторое время назад очень нашумели React Signal. На сигналах смогли добиться избавления от всех ненужных рендеров. И у многих возник вопрос, станет ли это будущим React. Как сигналы этого добились и что ответила React команда разработки вы и узнаете в текущем видео!

📺 YouTube

Clean Code #видео #React

5 ошибок с useEffect

Хук useEffect нужен для выполнения кода при изменении значений. Есть 5 ошибок, которые чаще всего допускаются при работе с useEffect и фишечки при работе с зависимостями. Сегодня об этом и поговорим

📺 YouTube

Clean Code #видео #React

📖Full stack development with Spring Boot and React
🖋Juha Hinkula | 2022

Начало разработки с использованием полного стека может оказаться непростой задачей. Даже разработчики, знакомые с лучшими инструментами, такими как Spring Boot и React, могут с трудом освоить основы, не говоря уже о более продвинутых элементах. Если вы относитесь к числу таких разработчиков, это исчерпывающее руководство содержит все, что вам нужно!

💾 Скачать книгу

Clean Code | #книги #Spring #React

Простой слайдер курсором на React JS

Если тебе нужно добавить в проект на React вертикальный слайдер и ты не хочешь для этого добавлять дополнительные зависимости, то можешь всего одним компонентом закрыть все свои потребности. Сегодня об этом и поговорим

📺 YouTube

Clean Code #видео #React

Еще один способ управлять приоритетами React задач

Темой сегодняшнего дня будет React метод flushSync. Основная его функция это делать асинхронные вещи синхронными. А вот как он это делает и зачем кому то это понадобилось мы и попробуем выяснить сегодня

📺 YouTube

Clean Code #видео #React

Что не так с CRA? Как стартовать SPA в 2025?

React команда официально объявила конец эпохи CRA. Они разобрали, что было с CRA не так и предоставили нам альтернативу. Все это мы и попробуем разобрать в текущем видео

📺 YouTube

Clean Code #видео #React

Принципы ООП в React

В этом видео разберем основные принципы ООП — инкапсуляцию, наследование, полиморфизм и абстракцию — и покажем, как они работают в React. Узнаем, что такое Render Props, Component Injection, композиция и декомпозиция, и применим их в функциональных компонентах, Custom Hooks и HOCs.

📺 YouTube

Clean Code #видео #React

Что такое React?

Рассказываем про то что такое библиотека React для JavaScript и почему в современной веб разработке все ее используют

📺 YouTube

Clean Code #видео #React

📖State Management with React Query
🖋Daniel Afonso | 2023

Преодолейте распространенные проблемы с извлечением данных и их мутацией, изучая одну из самых популярных библиотек для управления состоянием сервера в React

💾 Скачать книгу

Clean Code | #книги #React