REact

Как я структурирую свои проекты React.js Структурирование приложений React по файлам и папкам - спорная тема, потому что нет правильного или неправильного способа сделать это. Решил рассказать, как структурировал свои проекты за последнее время. https://goo.su/9rCP

React with TypeScript шпаргалка https://goo.su/eL2

Программа подготовки по профессии «Фронтенд-разработчик» с сертификатом Хекслета и гарантированными собеседованиями. ➕Полноценный курс по JavaScript и React с настройкой окружения. ➕Тренажер кода с моментальной автопроверкой. ➕Наставник. ➕Сильные проекты на GitHub и практика в Open Source. Попробуйте наш формат асинхронного обучения, без ожидания потока: https://bit.ly/3cHHZCn

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

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

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

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

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

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

​​Знаешь, как оптимизировать транспортные потоки Москвы и обеспечить кибербезопасность транспортных систем? Подавай заявку на участие в хакатоне Moscow Secure Traffic от Транспортных инноваций Москвы и Центра организации дорожного движения! Будет много активностей и приятных бонусов: • 2 кейса по разработке чат-бота и информационного портала; • Идеатон с призовым фондом в 100 000 рублей; • Комнаты Диснея, где эксперты помогут тебе пройти 3 этапа генерации идеи; • Мастер-классы; • Wild-card в студенческий трек акселератора ТИМ; • Много подарков и призов от партнеров; • Мерч и сертификаты; • Общий призовой фонд в 500 000 рублей. Членами жюри и экспертами хакатона выступят представители ТИМ, ЦОДД, ИЦ «Безопасный транспорт», Акселератора Возможностей, МГУ им. М. В. Ломоносова, ИНТЦ МГУ «Воробьевы горы», ФИЦ ИУ РАН, АО «Лаборатория Касперского», Positive Technologies, Сбер, BI.Zone, ГК «Программный продукт», и RuSIEM. Лови ссылку на регистрацию: https://securetraffic.moscow/. А если пока нет времени на заполнение формы, просто оставь свой ник в Телеграмм на нашем сайте, и мы обязательно тебе напомним. Мероприятие пройдет 3-5 декабря. Прием заявок на хакатон открыт до 2 декабря.

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

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

📌Frontend meetup Online 👨‍💻Нужен ли нам N(e/u)xt.js? Григорий Петров, Evrone 👨‍💻vueModel Дмитрий Колесников, Lamoda 👨‍💻Как пошарить API клиенты и не сойти с ума Павел Кочеров, Ситимобил 👨‍💻Как собеседовать фронтендера Василий Крылов, СберМаркет ➖➖➖ 🗓 23 ноября, начало в 19:00 мск, Вторник 🌐 ОНЛАЙН ✅ Регистрация на мероприятие

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

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

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

Gurufy облегчает изучение React.js разработки. Изучите React.js и его экосистему — быстро и очень легко. Официальный сайт - https://gurufy.dev/ Недавно добавился крутой курс по TypeScript. TypeScript сейчас используется практически везде, поэтому советуем его изучить именно тут. Круто то, что курс по TypeScript сделан так, что вы можете смотреть видеокурс по нему или же просто читать его в текстовом формате.

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

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

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