REact

React — самая популярная библиотека для фронтенд-разработки. А ещё это стабильный фреймфорк, который легко поддерживать, поэтому на нём пишут большие популярные веб-приложения. Если вы ищете новую интересную работу в IT или мечтаете о повышении, то вам подойдет курс Яндекс Практикума «React-разработчик». Курс длится всего 3 месяца, но за это время мы научим вас: • уверенно разбираться в библиотеке React; • использовать TypeScript при разработке React-приложений; • тестировать веб-приложения с помощью юнит-тестов и cypress. Учёбе нужно будет уделять 20-25 часов в неделю. Обучение разбито на спринты, заниматься можно когда угодно, главное — уложиться в дедлайн. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.  Пройдите первый бесплатный урок

Справочник по TypeScript для разработчиков React — Как создать приложение Todo с типобезопасностью Если вы разработчик React и хотите изучить TypeScript или усовершенствовать свои навыки с его помощью, это руководство именно для вас. Я проведу вас через использование TypeScript в приложении React, создав классическое приложение todo. Я собираюсь рассказать обо всем, что вам нужно знать, чтобы начать работу с TypeScript в качестве разработчика React. Вы узнаете, как обрабатывать состояние и реквизиты со строгой типизацией, как создавать компоненты React с помощью TypeScript, как использовать TypeScript с React Hooks и как использовать TypeScript с Context API. К концу этого руководства вы будете иметь четкое представление о TypeScript и будете готовы с уверенностью разрабатывать безопасные для типов приложения React. Итак, без лишних слов приступим! https://www.freecodecamp.org/news/typescript-tutorial-for-react-developers/

3+1 распространенные ошибки React, которые приводят к ненужным повторным рендерам Хотя мы часто используем синтаксис функций и компонентов в наших ежедневных процедурах кодирования, полностью ли мы осознаем, как они манипулируют DOM и сколько раз они повторно рендерятся? Давайте погрузимся в эффективное использование функций запоминания, среди других методов. Помните, что универсального решения не существует, поэтому тщательное планирование и оценка имеют решающее значение. Всегда спрашивайте себя: будет ли мой компонент повторно запускать, повторно отображать или повторно инициализировать эту функцию при каждом обновлении реквизита? Или каждый раз, когда он вызывается? https://medium.com/@rickmint/3-1-react-common-mistakes-that-triggers-unnecessary-re-renders-72d1e993d7bf

Сила виртуального DOM в React: подробное объяснение В этой статье мы обсудим виртуальный DOM и то, как он работает. Но чтобы понять виртуальный DOM, во-первых, мы должны знать, как страница отображается в браузере. https://www.syncfusion.com/blogs/post/react-virtual-dom.aspx

Я хотел поделиться с вами некоторыми мыслями о классной библиотеке под названием Preact. Основная цель этой статьи — дать вам дружественное введение в Preact, которое может оказаться полезным, если вы уже знакомы с React. https://hackernoon.com/why-react-developers-love-preact

Телепортация в React: позиционирование, контекст стекирования и порталы Изучаем, как работает позиционирование CSS, что такое Stacking Context, как избежать переполнения: скрытого с помощью CSS, почему мы не можем делать все с помощью CSS и нуждаемся в порталах, как работают порталы. https://www.developerway.com/posts/positioning-and-portals-in-react

Как повторно использовать и делиться компонентами React в 2023 году: пошаговое руководство В этой статье я покажу вам отличный инструмент, который позволит вам создавать, повторно использовать и делиться компонентами React в одиночку или в составе команды. https://itnext.io/how-to-reuse-and-share-react-components-in-2023-a-step-by-step-guide-85642e543afa

Создание фильтра поиска в реальном времени в React: пошаговое руководство 1. Введение 2. Требования 3. Шаг 1. Настройка проекта 4. Шаг 2. Создание входных данных 5. Шаг 3. Визуализация списка элементов 6. Шаг 4. Создание функции фильтрации 7. Шаг 5. Получение элементов из API и их фильтрация 8. Шаг 6: Небольшой рефакторинг (Бонус) 8.1. Компонент ItemList 8.2. Входной компонент 8.3. Вызов API 9. Заключение https://dev.to/alais29/building-a-real-time-search-filter-in-react-a-step-by-step-guide-3lmm

Лучший путь обучения React с серверными компонентами https://scastiel.dev/better-learning-path-react

Лучший путь обучения React с серверными компонентами Мне всегда нравилось делиться своими знаниями. Когда я люблю язык, библиотеку или фреймворк, я больше, чем исследую каждую мельчайшую деталь, я думаю о том, как я могу помочь людям изучить их и полюбить их так же сильно, как и я. https://scastiel.dev/better-learning-path-react

React: как сделать динамический суффикс в , который будет двигаться вместе с набранным текстом. В этой статье вы узнаете как с помощью react можно сделать input с двигающимся суффиксом, который идет сразу после значения ввода Читать далее https://habr.com/ru/articles/743768/

500+ CSS-компонентов пользовательского интерфейса React Tailwind https://tailgrids.com/react

Оптимизация производительности React — демистификация мемоизации Когда дело доходит до создания быстрых приложений React, производительность является главным приоритетом. К счастью, в React встроены умные методы, которые автоматически обеспечивают оптимизацию производительности. Фактически, React делает большую часть тяжелой работы за вас, поэтому вы можете сосредоточиться на создании своего приложения, не слишком беспокоясь о настройках производительности. Однако по мере того, как ваше приложение React масштабируется и становится более сложным, появляются возможности для дальнейшего повышения его скорости и эффективности. В этом блоге мы сосредоточимся на том, как запоминание компонентов и правильное разделение кода помогают вам выжать максимум из вашего приложения. https://www.bigbinary.com/blog/react-performance-optimization-memoization-demystified

Ускорьте Разработку React С Помощью Refine Фреймворк Refine на основе React может помочь вам быстрее создавать веб-приложения с интенсивным использованием данных, предоставляя множество функций, которые вам наверняка понадобятся, и эта статья покажет вам, как воспользоваться ими. https://blog.openreplay.com/speed-up-react-development-with-refine/

5 библиотек React для повышения уровня ваших проектов в 2023 году В этой статье мы рассмотрим 5 библиотек, которые могут положительно повлиять на ваш опыт разработки React, решая некоторые из наиболее распространенных проблем в разработке React, таких как выборка данных, стилизация, доступность и управление состоянием. https://livecycle.io/blogs/react-libraries/

Пять Лучших Облегченных Библиотек Управления Состоянием Для React В этой статье мы рассмотрим и сравним пять различных облегченных библиотек для React, чтобы определить оптимальный выбор для вашего следующего приложения React. https://blog.openreplay.com/top-five-lightweight-state-management-libraries-for-react/