Более чистая выборка данных с помощью React-query https://goo.su/96x

🔥OTUS открывает набор в новую группу практического онлайн-курса «React.js Developer».

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

👉Пройдите вступительное тестирование, чтобы занять место в группе по специальной цене https://otus.pw/XLII/

Что нового в React 18
давайте обновимся с функциями React 18! https://cutt.ly/LTaVlkU

Все, что вам нужно знать о React Router v6 React Router - это набор компонентов навигации, которые используются для навигации в большинстве приложений React. React Router - это стандартная библиотека маршрутизации для React. Стабильная версия React Router была недавно выпущена, то есть v6. Хочу поделиться основными изменениями, внесенными в эту версию. Если вы хотите сразу сделать выводы, как мой бывший, вот мой репозиторий на Github . https://goo.su/9Aw3

Гоночная игра с открытым исходным кодом, созданная на React и Threejs Этот проект демонстрирует возможности React в играх. Каждая вещь представляет собой автономный компонент, использующий react -three-fiber для выражения threejs с семантикой React. https://goo.su/9AWc

React Render Tracker: инструмент для обнаружения проблем с производительностью, связанных с непреднамеренным повторным рендерингом React Render Tracker (RRT) представляет состояние дерева компонента во времени и журнал событий, связанный с выбранным компонентом (волокном) или его поддеревом. Он не дает полного состояния компонентов, а показывает разницу между их состояниями. Это не замена React Devtools, а дополнение к нему с акцентом на исследование изменений в дереве компонентов приложения (например, монтирования, обновления и размонтирования) и их причин. https://goo.su/9aWe

Gurufy облегчает изучение React.js разработки.
Изучите React.js и его экосистему — быстро и очень легко.

Официальный сайт - https://gurufy.dev/

Недавно добавился крутой курс по TypeScript.
TypeScript сейчас используется практически везде, поэтому советуем его изучить именно тут.

Круто то, что курс по TypeScript сделан так, что вы можете смотреть видеокурс по нему или же просто читать его в текстовом формате.

7 лучших инструментов разработчика React для использования в 2021 году (с бонусом!) Чтобы разработчики React могли в полной мере использовать преимущества библиотеки, чтобы кодирование становилось проще и быстрее, вот 7 лучших инструментов, которые вы, как разработчик React, должны добавить в закладки и использовать в качестве справочника при необходимости. https://goo.su/9aZP

Полезные хуки React, которые вы можете использовать в своих проектах В этом руководстве мы рассмотрим некоторые полезные хуки в React и способы их использования. Мы рассмотрим несколько примеров кода для каждого хука, а также рассмотрим, как создать собственный хук. https://goo.su/9dUa

Реальные случаи использования Hooks useCallback и useMemo React В этом блоге я объясню, когда их использовать, и решу некоторые реальные варианты использования очень упрощенным способом. https://goo.su/9EO3

📌Frontend meetup Online

👨‍💻Нужен ли нам N(e/u)xt.js?
Григорий Петров, Evrone

👨‍💻vueModel
Дмитрий Колесников, Lamoda

👨‍💻Как пошарить API клиенты и не сойти с ума
Павел Кочеров, Ситимобил

👨‍💻Как собеседовать фронтендера
Василий Крылов, СберМаркет

➖➖➖

🗓 23 ноября, начало в 19:00 мск, Вторник

🌐 ОНЛАЙН

✅ Регистрация на мероприятие

"bulletproof-react" - это скрытое сокровище лучших практик React! https://goo.su/9EoR

Как создать современные карточки с помощью React и Tailwind Одним из моих любимых компонентов, несомненно, являются карты, и причины очень просты, они могут иметь множество применений.
Точно так же, как его можно использовать для информативного контента (например, краткого описания), его также можно использовать для моментального сосредоточения внимания пользователя (например, публикации в социальных сетях) или для того, чтобы пользователь мог совершить действие. https://goo.su/9EoO

​​Знаешь, как оптимизировать транспортные потоки Москвы и обеспечить кибербезопасность транспортных систем? Подавай заявку на участие в хакатоне Moscow Secure Traffic от Транспортных инноваций Москвы и Центра организации дорожного движения!

Будет много активностей и приятных бонусов:

• 2 кейса по разработке чат-бота и информационного портала;
• Идеатон с призовым фондом в 100 000 рублей;
• Комнаты Диснея, где эксперты помогут тебе пройти 3 этапа генерации идеи;
• Мастер-классы;
• Wild-card в студенческий трек акселератора ТИМ;
• Много подарков и призов от партнеров;
• Мерч и сертификаты;
• Общий призовой фонд в 500 000 рублей.

Членами жюри и экспертами хакатона выступят представители ТИМ, ЦОДД, ИЦ «Безопасный транспорт», Акселератора Возможностей, МГУ им. М. В. Ломоносова, ИНТЦ МГУ «Воробьевы горы», ФИЦ ИУ РАН, АО «Лаборатория Касперского», Positive Technologies, Сбер, BI.Zone, ГК «Программный продукт», и RuSIEM.

Лови ссылку на регистрацию: https://securetraffic.moscow/. А если пока нет времени на заполнение формы, просто оставь свой ник в Телеграмм на нашем сайте, и мы обязательно тебе напомним.

Мероприятие пройдет 3-5 декабря. Прием заявок на хакатон открыт до 2 декабря.

Фреймворк React Next.js наконец-то стал мейнстримом. Мы внимательно посмотрели на него и обнаружили, что его растущая популярность имеет веские причины. 2021 год был успешным для Next.js. Небольшая экосистема теперь сформировалась вокруг облегченного фреймворка React, и Vercel, стартап, стоящий за проектом с открытым исходным кодом, обеспечил финансирование в виде финансирования серии B в размере 40 миллионов долларов. Самое время познакомиться с фреймворком. Мы перечисляем причины, по которым Next.js также может быть в надежных руках в вашем техническом стеке. https://goo.su/9EpC

Как использовать Props в React В этом уроке мы поговорим о важной концепции React - свойствах. Я покажу вам, как использовать их, чтобы поддерживать динамический поток данных в вашем приложении. https://goo.su/iOU

Проект ReactJS - вики по созданию персонажей Рика и Морти Сегодня мы будем практиковать наши навыки React JS, создав вики-страницу о персонажах Рика и Морти. https://goo.su/aJq

Легкий компонент React для добавления эффекта параллакса мыши на ваш сайт. Эффект параллакса создает иллюзию глубины, когда курсор перемещается внутри указанного контейнера. Дочерний элемент контейнера, который находится дальше всего от пользователя, движется с самой медленной скоростью, в то время как ближайший дочерний элемент движется с максимальной скоростью. Он использует положение курсора мыши на контейнере и создает иллюзию глубины для слоев, видимых в контейнере. Например, ваш курсор входит в ползунок, и слои начинают удаляться или приближаться к курсору. https://goo.su/9L8E

19 мощных библиотек и фреймворков React, которые можно использовать прямо сейчас React , как библиотека JavaScript с открытым исходным кодом , сама по себе не предлагает много возможностей. Это не обязательно плохо - это, безусловно, огромная выгода для тех, кто предпочитает минималистский подход. Но в некоторых случаях этого бывает недостаточно. И нам придется вытащить большие пушки в виде библиотек и фреймворков.
К счастью, популярность React обеспечивает широкий выбор инструментов. Ассортимент огромен. Сообщество активное и талантливое, постоянно работает над улучшением опыта разработки. Поэтому количество доступных инструментов может быть немного подавляющим. Но не волнуйтесь - мы предложим вашему вниманию лучшие из лучших. https://goo.su/riL

React Router - навигация по пользователям после входа/выхода как профессионал Перемещайте своих пользователей обратно на их предыдущую страницу всякий раз, когда они входят в систему или выходят из системы, и сделайте еще один шаг вперед в улучшении взаимодействия с пользователем. https://goo.su/yX0