Коллекция хуков React ⚓️ для всех. https://clck.ru/XJ8Nc
React.js Examples
Essential React custom hooks to super charge your components
Collection of React hooks ⚓ for everyone.
React Router: библиотека React для многостраничной навигации. В этой статье мы узнаем, как использовать React Router для рендеринга нескольких компонентов (страниц) в нашем приложении React, как в любом многостраничном приложении. Но сначала давайте обсудим несколько вещей о React. https://clck.ru/XGXnB
Medium
React Router: A React library for multiple page navigation.
According to the React Router documentation, React Router is a collection of navigational components that compose declaratively with your…
Руководство по React Context и хуку useContext () Контекст может помочь вам предоставить данные компонентам независимо от того, насколько глубоко они находятся в дереве компонентов. Он используется для доступа к глобальным данным, таким как глобальное состояние, тема, службы. https://clck.ru/XGY7X
Dmitri Pavlutin Blog
A Guide to React Context and useContext() Hook
The React context provides data to components no matter how deep they are in the components hierarchy.
Практическое руководство по созданию повторно используемых компонентов React Хотя React является одним из самых популярных и наиболее часто используемых интерфейсных фреймворков в мире, многие разработчики по-прежнему испытывают трудности, когда дело доходит до рефакторинга кода для улучшения возможности повторного использования. Если вам когда-либо приходилось повторять один и тот же фрагмент кода во всем приложении React, вы попали в нужную статью. https://clck.ru/XKsEk
Sitepoint
A Practical Guide to Creating Reusable React Components - SitePoint
When's a good time to create reusable React components? Learn three key indicators for when they're needed, and three popular uses cases.
Хочешь освоить востребованную профессию Front-End разработчика и работать в топовых IT-компаниях Москвы? Расходы во время обучение берет на себя JM, а оплата только после твоего трудоустройства программистом.
🙋♂👉 Подать заявку: https://clck.ru/XMkah
• Ты освоишь востребованные технологии, а опытные наставники будут контролировать усвоение материала.
• Ты получишь опыт в бизнес-проекте необходимый для трудоустройства.
• A HR-специалисты помогут составить резюме и подготовят тебя к прохождению трудных собеседований.
• Поддержка от мощного сообщество единомышленников.
Каждый выпускник получает от трех предложений о работе. Поэтому работодателя выберешь самостоятельно после успешных собеседований.
🙋♂👉 Подать заявку: https://clck.ru/XMkah
• Ты освоишь востребованные технологии, а опытные наставники будут контролировать усвоение материала.
• Ты получишь опыт в бизнес-проекте необходимый для трудоустройства.
• A HR-специалисты помогут составить резюме и подготовят тебя к прохождению трудных собеседований.
• Поддержка от мощного сообщество единомышленников.
Каждый выпускник получает от трех предложений о работе. Поэтому работодателя выберешь самостоятельно после успешных собеседований.
Сегодня вы узнаете, как создать собственный клон игры 2048 в React. https://clck.ru/XMjg2
freeCodeCamp.org
React Tutorial – How to Build the 2048 Game in React
Today you will learn how to build your own clone of the 2048 game in React. What makes this article unique is that we will focus on creating delightful animations. Aside from React, we will use TypeScript and we'll make some CSS transitions using LESS. …
❓Хотите ускорить создание фронтенда без потери в качестве?
Освойте работу в React.js и библиотеке Redux на практическом онлайн-курсе «React.js Developer» от OTUS.
Программа ориентирована на специалистов с опытом JS. Вас ждут живые лекции с лайфхаками от экспертов и насыщенная практика в условиях, приближенных к реальным задачам.
👉Пройдите вступительный ТЕСТ, чтобы занять место в группе по специальной цене https://otus.pw/utOq/
Освойте работу в React.js и библиотеке Redux на практическом онлайн-курсе «React.js Developer» от OTUS.
Программа ориентирована на специалистов с опытом JS. Вас ждут живые лекции с лайфхаками от экспертов и насыщенная практика в условиях, приближенных к реальным задачам.
👉Пройдите вступительный ТЕСТ, чтобы занять место в группе по специальной цене https://otus.pw/utOq/
Создайте полнофункциональное приложение для электронной коммерции с помощью react и commerce.js https://clck.ru/XKsNe
GitHub
GitHub - adrianhajdin/project_e_commerce: This is a code repository for the corresponding video tutorial. In this video, we're…
This is a code repository for the corresponding video tutorial. In this video, we're going to build a fully functional eCommerce application using commerce.js. - GitHub - adrianhajdin/proje...
Вы готовы к React 18? Привет, кодеры!
Если вы разработчик React, то, возможно, уже слышали о последней версии React-React 18 Alpha . Команда все еще работает над обновлением, и впереди еще много всего, поэтому в этой статье давайте посмотрим, что происходит в версии, и разберем ее на простые части.
Первое, что приходит нам в голову каждый раз, когда происходит обновление версии, - это то, что последний набор изменений что-нибудь сломает с вашей текущей настройкой, или вам придется изучать новые, совершенно не связанные концепции?
Ответ - нет, мы сможем принять React 18 без переписывания и опробовать новые функции в своем собственном темпе. https://clck.ru/XRhPP
Если вы разработчик React, то, возможно, уже слышали о последней версии React-React 18 Alpha . Команда все еще работает над обновлением, и впереди еще много всего, поэтому в этой статье давайте посмотрим, что происходит в версии, и разберем ее на простые части.
Первое, что приходит нам в голову каждый раз, когда происходит обновление версии, - это то, что последний набор изменений что-нибудь сломает с вашей текущей настройкой, или вам придется изучать новые, совершенно не связанные концепции?
Ответ - нет, мы сможем принять React 18 без переписывания и опробовать новые функции в своем собственном темпе. https://clck.ru/XRhPP
DEV Community
Are you ready for React 18?
Hey Coders! If you are a react developer then you might have already heard about the latest...
Как научиться React - эффективный способ Что такое React?
React - это бесплатная внешняя библиотека JavaScript с открытым исходным кодом для создания сложных пользовательских интерфейсов путем разделения вашего приложения на более мелкие компоненты. https://clck.ru/XSPkw
React - это бесплатная внешняя библиотека JavaScript с открытым исходным кодом для создания сложных пользовательских интерфейсов путем разделения вашего приложения на более мелкие компоненты. https://clck.ru/XSPkw
DEV Community
How to learn React - The Effective way
What is React? React is a free and Open Source Front End JavaScript Library for building...
Уходит много времени на разработку приложения?
Разработка проекта станет проще и продуктивнее с полезными инструментами и сервисами для Frontend'a!
Удобно, когда помощник фронта собрал все в одном месте
Заглянуть к нему! 👀
Разработка проекта станет проще и продуктивнее с полезными инструментами и сервисами для Frontend'a!
Удобно, когда помощник фронта собрал все в одном месте
Заглянуть к нему! 👀
Постоянный вход в React с использованием ротации токенов обновления Основная задача разработчиков внешнего интерфейса - создать безопасную и быструю структуру авторизации и аутентификации. Также в первую очередь необходимо учитывать взаимодействие с пользователем, на которое сильно влияет процесс аутентификации.
Вы помните, когда в последний раз вводили учетные данные для входа в Google, Facebook, LinkedIn или какое-либо другое приложение или веб-сайт? Возможно нет. Это связано с тем, что многие приложения и веб-сервисы в настоящее время используют постоянный вход в систему для обеспечения удобного взаимодействия с пользователем.
В этом руководстве мы покажем вам, как использовать токены обновления в React для облегчения бесконечно долгих сеансов входа в систему. https://clck.ru/XREBY
Вы помните, когда в последний раз вводили учетные данные для входа в Google, Facebook, LinkedIn или какое-либо другое приложение или веб-сайт? Возможно нет. Это связано с тем, что многие приложения и веб-сервисы в настоящее время используют постоянный вход в систему для обеспечения удобного взаимодействия с пользователем.
В этом руководстве мы покажем вам, как использовать токены обновления в React для облегчения бесконечно долгих сеансов входа в систему. https://clck.ru/XREBY
LogRocket Blog
Persistent login in React using refresh token rotation - LogRocket Blog
In this tutorial, you can learn how to use refresh tokens in React to facilitate infinitely long login sessions.
⚛️Визуализатор алгоритмов c React, Material UI и P5JS https://clck.ru/XUqwC ⚛️Создание модели панели администратора с использованием React https://clck.ru/XUrJz
React.js Examples
Algorithm visualizer made with React, Material UI and P5JS
The purpose of doing this was to learn to make animations and at the same time strengthen the knowledge of some classic algorithms.
⚛️Библиотека, показывающая анимацию изменения числа в react.js https://clck.ru/XWB7Y ⚛️Готовая к использованию библиотека ловушек React, написанная на Typescript https://clck.ru/XWBAH ⚛️Легкая плавная прокрутка в React В одностраничном веб-приложении у вас, вероятно, будет панель навигации, позволяющая пользователю переходить к различным разделам страницы. Итак, сегодня мы посмотрим, как это построить. https://clck.ru/XWBCd
React.js Examples
Library showing animation of number changes in react.js
react-animated-numbers
Шаблон для проекта с использованием Electron, React и Typescript https://clck.ru/XWr4U
React.js Examples
A Boilerplate for a project using Electron, React and Typescript
Boilerplate for a project using Electron, React and Typescript.
Больше не нужно писать велосипеды и ломать голову над сложными компонентами
В канале React.Fragment каждый день публикуются крутые и понятные фрагменты кода, красивые элементы, полезные хуки и даже игры.
Удобная навигация по хэштегам позволит найти всё, что тебе нужно.
Весь код можно переиспользовать в проектах и просто для обучения. Добавляй в портфолио, переписывай под свой проект, учись на примерах и получай эстетическое удовольствие
Ты даже представить не мог, что можно делать на React
Переходи и подписывайся👇
В канале React.Fragment каждый день публикуются крутые и понятные фрагменты кода, красивые элементы, полезные хуки и даже игры.
Удобная навигация по хэштегам позволит найти всё, что тебе нужно.
Весь код можно переиспользовать в проектах и просто для обучения. Добавляй в портфолио, переписывай под свой проект, учись на примерах и получай эстетическое удовольствие
Ты даже представить не мог, что можно делать на React
Переходи и подписывайся👇
Библиотека утилит React Hooks, содержащая популярные настраиваемые хуки. https://cutt.ly/JEweQ1f
React.js Examples
A list of React Hooks utility library containing popular customized hooks
A React Hooks utility library containing popular customized hooks.
Использование Recoil вместо Redux для управления состоянием в приложениях React. Среди всех библиотек управления состоянием, доступных для использования в приложениях React, Redux является наиболее популярным, даже опережая контекстные API React . Есть также другие замечательные библиотеки управления состоянием, используемые в приложениях React, одна из которых - Recoil . Recoil, в отличие от Redux, очень легко настроить, даже проще, чем новую библиотеку набора инструментов Redux . В этой статье мы узнаем, как использовать Recoil для управления состояниями в приложениях React вместо Redux. https://clck.ru/XcAMd
Openreplay
Using Recoil instead of Redux For State Management In React Applications.
Redux is not the only State management alternative for React. Learn how to use Recoil to save development time.
Ring UI: компоненты веб-интерфейса JetBrains для React Этот набор компонентов пользовательского интерфейса призван предоставить все необходимые строительные блоки для веб-продуктов, созданных внутри JetBrains, а также сторонних плагинов, разработанных для продуктов JetBrains. https://cutt.ly/AEt5tIg
React.js Examples
Ring UI: JetBrains Web UI Components For React
A collection of JetBrains Web UI components