Ускоряем разметку - 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

Дроны программируют на React

У меня появилась возможность поговорить с человеком, который программировал интерфейсы управления для дронов. И я узнал, какой стек они используют.

📺 YouTube

Clean Code #React

📖React. Сборник рецептов
🖋Дэвид Гриффитс | 2023

Книга посвящена практическому применению фреймворка React. Описано создание простых приложений и приложений со сложным интерфейсом, рассмотрены вопросы маршрутизации в приложениях и управление их состоянием. Даны примеры реализации интерактивного взаимодействия с пользователем,подключения к различным службам бэкенда, таким как REST и GraphQL, описана работа с библиотеками компонентов. Подробно рассматривается безопасность приложений, процесс их тестирования, даны советы по обеспечению доступности. Приводятся практические рекомендации по повышению производительности и созданию прогрессивных веб-приложений.

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

Clean Code | #книги #React

📖Test-Driven Development with React and TypeScript
🖋Juntao Qiu | 2023

Применяйте принципы, основанные на тестировании, для создания масштабируемых и поддерживаемых приложений React. В этой книге рассматривается широкий круг вопросов, включая настройку среды тестирования и использование популярных платформ тестирования, таких как Cypress, Jest и библиотека тестирования React. В нем также рассказывается о ценных методах рефакторинга, а также о том, как повысить удобство сопровождения и читаемости кода. Что отличает это всеобъемлющее руководство, так это комплексное моделирование проекта, демонстрирующее, как TDD можно использовать для создания полноценного приложения под названием "Bookish".

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

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

📖React Programming
🖋Loren Klingman| 2023

React - самая популярная на сегодняшний день библиотека JavaScript с открытым исходным кодом для разработки интерфейсных веб-приложений. React Programming: Руководство Big Nerd Ranch поможет программистам, имеющим опыт работы с HTML, CSS и JavaScript, освоить React с помощью практических примеров.

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

Clean Code | #книги #React

📖ReactJS for Jobseekers
🖋Каифи Хан | 2023

Создавайте высокопроизводительные, динамичные одностраничные приложения, используя самый популярный интерфейсный фреймворк - ReactJS

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

Clean Code | #книги #React

React мемоизация: memo, useMemo, useCallback

Проводя технические собеседования я вижу что у многих с пониманием темы мемоизации React функциональности есть трудности.
Спрашивая разработчиков о React.memo, useMemo, и useCallback получаешь стандартные ответы из документации, но когда дело доходит до объяснения механизма или примеров, начинаются проблемы.
Именно поэтому в данном видео мы подробно разберём, что представляют собой React.memo, useCallback и useMemo.

📺 YouTube

Clean Code #видео #React

📖Learn React Hooks
🖋Daniel Bugl | 2025

Изучите основные концепции React Hooks и улучшите свой рабочий процесс разработки с помощью лучших практик и продвинутых шаблонов, основанных на современных функциях React 19

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

Clean Code | #книги #React