Полное объяснение кодовой базы React с помощью схем визуальных блоков Этот репозиторий содержит объяснение внутренней работы React. Фактически, я отлаживал всю кодовую базу и выкладывал всю логику на визуальные блок-схемы, анализировал их, обобщал и объяснял основные концепции и подходы. https://goo.su/8W95

Как превратить Google Таблицы в REST API и использовать его с приложением React Публикация данных в API никогда не была простой. Но использовали ли вы когда-нибудь React для публикации данных формы в Google Таблицах? Если нет, то это руководство для вас. https://goo.su/8wa5

Распространенные ошибки хуков React, которых следует избегать В этой статье я расскажу о 5 распространенных ошибках React Hook, которых следует избегать каждому разработчику при создании надежных приложений React. https://goo.su/8yvo

Не оптимизируйте свое приложение React, вместо этого используйте Preact Preact по умолчанию предлагает оптимизацию производительности. https://goo.su/8ZhB

Шаблон портфолио с React JS с использованием Styled-Components и framer-motion для анимации Создайте потрясающее портфолио с React JS, используя стилизованные компоненты и framer-motion для потрясающих анимаций
Этот репозиторий содержит окончательный код для веб-сайта портфолио на ReactJS. https://goo.su/96Ri

4 совета и хитрости, которые сделают ваш код ReactJS более понятным и надежным Вот список удивительных приемов, которые вы можете использовать для улучшения своего приложения React. Эти советы не только сделают ваш код более понятным и надежным, но и нацелены на то, чтобы сделать процесс разработки проще и приятнее . Попробуйте эти методы в своем проекте React уже сегодня! https://goo.su/96V5

Более чистая выборка данных с помощью 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 декабря.