Clean Code
13.3K subscribers
2.32K photos
5 videos
2.97K links
Советы по написанию кода, обзоры распространенных ошибок и многое другое.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

РКН: clck.ru/3Ht6ch
加入频道
Простой слайдер курсором на 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
📖State Management with React Query
🖋Daniel Afonso | 2023

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

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

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