REact
1.78K subscribers
249 photos
2 videos
2 files
999 links
Статьи, уроки, инструменты и все что связано с reactjs.

По вопросам сотрудничества- @Daily_admin_info

По иным темам @un_ixtime
Download Telegram
Как создать голосового помощника с помощью React и Alan AI Введение в Alan AI - создание голосового помощника с React https://clck.ru/X7iup
This media is not supported in your browser
VIEW IN TELEGRAM
Чистый, красивый и отзывчивый шаблон портфолио с React https://clck.ru/XA5UP
Для чего фронтенд-разработчику React-hooks?

Приглашаем вас 6 и 7 сентября разобраться в этом вопросе на открытом интенсиве OTUS.

За два дня вы поймете, как работать с React-hooks, создадите компонент с использованием hooks, а также научитесь делать кастомные hooks и поработаете с react-testing-library.

👉 Интенсив рассчитан на действующих JS-разработчиков. Для регистрации пройдите небольшой тест https://otus.pw/XOgEF/
Recoil - это новый Redux для React? Recoil - это новая библиотека управления состоянием для React, которая позволяет вам управлять глобальным / общим состоянием в стиле Reactish. Что здорово, так это то, что Recoil разрабатывается командой Facebook. В этом блоге мы рассмотрим ловушку useRecoilState и то, как они сделали ее такой, как «React»? https://clck.ru/XAbHn
This media is not supported in your browser
VIEW IN TELEGRAM
Пример перетаскивания с использованием простого React В этом руководстве мы узнаем, как реализовать перетаскивание с помощью простого React. Пример приложения, который мы собираемся создать, очень прост, почти тривиален. Моя цель - задокументировать шаги в простом React. Эти шаги будут имитировать шаги, необходимые для настройки перетаскивания с использованием ванильного JavaScript. https://clck.ru/XBoFh
Как я структурирую свои проекты на React Прошло довольно много времени с тех пор, как я написал статью о том, как я структурирую свои REST API для Node.js. В статье описан подход к созданию хорошо организованной и поддерживаемой структуры папок для приложений Node.js.

Поэтому сегодня я хочу говорить не об API Node.js, а об архитектуре приложений React и второй раз ответить на тот же вопрос из предыдущей статьи:

Как должна выглядеть структура папок? https://clck.ru/XDVwB
Быстрый старт: React В этом примере представлены шаги по созданию простого приложения для управления пользователями (с нуля!) С использованием Supabase и React. https://clck.ru/Wycbi
Составные компоненты в React Составные компоненты помогают разработчикам создавать более выразительные и гибкие API-интерфейсы для совместного использования состояния и логики внутри компонентов. В этом руководстве объясняется, как этого можно достичь с помощью Context API и React для создания компонентов с помощью этого расширенного шаблона. https://clck.ru/XBoc8
React Router: библиотека React для многостраничной навигации. В этой статье мы узнаем, как использовать React Router для рендеринга нескольких компонентов (страниц) в нашем приложении React, как в любом многостраничном приложении. Но сначала давайте обсудим несколько вещей о React. https://clck.ru/XGXnB
Руководство по React Context и хуку useContext () Контекст может помочь вам предоставить данные компонентам независимо от того, насколько глубоко они находятся в дереве компонентов. Он используется для доступа к глобальным данным, таким как глобальное состояние, тема, службы. https://clck.ru/XGY7X
Практическое руководство по созданию повторно используемых компонентов React Хотя React является одним из самых популярных и наиболее часто используемых интерфейсных фреймворков в мире, многие разработчики по-прежнему испытывают трудности, когда дело доходит до рефакторинга кода для улучшения возможности повторного использования. Если вам когда-либо приходилось повторять один и тот же фрагмент кода во всем приложении React, вы попали в нужную статью. https://clck.ru/XKsEk
Хочешь освоить востребованную профессию Front-End разработчика и работать в топовых IT-компаниях Москвы? Расходы во время обучение берет на себя JM, а оплата только после твоего трудоустройства программистом.

🙋‍♂👉 Подать заявку: https://clck.ru/XMkah

• Ты освоишь востребованные технологии, а опытные наставники будут контролировать усвоение материала.
• Ты получишь опыт в бизнес-проекте необходимый для трудоустройства.
• A HR-специалисты помогут составить резюме и подготовят тебя к прохождению трудных собеседований.
• Поддержка от мощного сообщество единомышленников.

Каждый выпускник получает от трех предложений о работе. Поэтому работодателя выберешь самостоятельно после успешных собеседований.
Хотите ускорить создание фронтенда без потери в качестве?

Освойте работу в React.js и библиотеке Redux на практическом онлайн-курсе «React.js Developer» от OTUS.

Программа ориентирована на специалистов с опытом JS. Вас ждут живые лекции с лайфхаками от экспертов и насыщенная практика в условиях, приближенных к реальным задачам.

👉Пройдите вступительный ТЕСТ, чтобы занять место в группе по специальной цене https://otus.pw/utOq/
Вы готовы к React 18? Привет, кодеры!
Если вы разработчик React, то, возможно, уже слышали о последней версии React-React 18 Alpha . Команда все еще работает над обновлением, и впереди еще много всего, поэтому в этой статье давайте посмотрим, что происходит в версии, и разберем ее на простые части.
Первое, что приходит нам в голову каждый раз, когда происходит обновление версии, - это то, что последний набор изменений что-нибудь сломает с вашей текущей настройкой, или вам придется изучать новые, совершенно не связанные концепции?
Ответ - нет, мы сможем принять React 18 без переписывания и опробовать новые функции в своем собственном темпе. https://clck.ru/XRhPP
Как научиться React - эффективный способ Что такое React?
React - это бесплатная внешняя библиотека JavaScript с открытым исходным кодом для создания сложных пользовательских интерфейсов путем разделения вашего приложения на более мелкие компоненты. https://clck.ru/XSPkw
Уходит много времени на разработку приложения?

Разработка проекта станет проще и продуктивнее с полезными инструментами и сервисами для Frontend'a!

Удобно, когда помощник фронта собрал все в одном месте

Заглянуть к нему! 👀