React - одна из самых популярных технологий в веб-разработке. Библиотека JavaScript, разработанная Facebook, React приобрела огромную популярность в последние годы. Все больше и больше проектов разрабатывается с использованием React. У него есть несколько преимуществ. Он гибкий, легкий для изучения и понимания, а также обеспечивает первоклассную производительность.
В поиске на Github можно найти множество творческих проектов, демонстрирующих изобретательность мира открытого исходного кода. Ознакомьтесь с проектами ниже, чтобы вдохновить вас на следующее творение, или разветвите одну из веток и начните создавать свой собственный проект. В этой статье мы перечислим шесть потрясающих проектов React, доступных на Github.
Клон Jira
Jira - популярное программное обеспечение, разработанное Atlassian, используемое профессиональными разработчиками и командами для управления своей работой. Этот проект на Github представляет собой упрощенный клон Jira, разработанный с использованием React. Как и Jira, этот проект также предлагает интерактивный пользовательский интерфейс, но с гораздо более простым кодом. Проект построен с использованием React вместе с webpack, ode, ESLint, styled-components и cypress. Хотя это упрощенная версия, код современный.
Приложение использует новейшие функции React, такие как функциональные компоненты с хуками. Кроме того, в этом проекте также используются несколько настраиваемых легких компонентов пользовательского интерфейса, включая модальные окна и средства выбора даты. Разработчик этого проекта попытался упростить его только с помощью React. Так что в коде присутствуют библиотеки вроде Redux.
Репо:
Флэтрис
Flatris - еще один замечательный проект, доступный на Github. Этот проект вдохновлен популярной игрой, известной как Тетрис. Это довольно большой проект с разными вариантами. Игрок может играть в одиночку или сразиться с другом, поделившись ссылкой в пользовательском интерфейсе. Пользовательский интерфейс игры спроектирован и разработан очень умело. Кроме того, игра также записывает данные, относящиеся к игре, которые отображаются на главной странице.
Проект разработан с использованием React, а для управления состоянием используется Redux. Для тех, кто хочет понять, как React используется с Redux, это идеальный проект.
Прямой эфир - https://flatris.space/
Todo с PWA
Это простой проект Todo React, доступный на Github, но с интересной функцией. Приложение разработано с использованием React, но это также прогрессивное веб-приложение. Для тех, кто не знает, прогрессивное веб-приложение - это новая технология, стирающая грань между веб-приложениями и мобильными приложениями. По сути, веб-сайт будет работать как приложение. Это горячая тема в разработке веб-приложений и мобильных приложений. Этот проект может дать вам возможность познакомиться с прогрессивными веб-приложениями, React и Redux. Более того, это простой проект с привлекательным пользовательским интерфейсом.
Прямой эфир - https://paper-todo.firebaseapp.com/
Репо:
Спектр
Spectrum - очень популярный проект с открытым исходным кодом на GitHub. Это приложение на основе чата для управления сообществами. Проект предлагает возможность общения в чате, аналогичную многим популярным чат-приложениям. Он построен на основе React. Вы можете искать сообщества, находить лучшие сообщества, присоединяться к сообществам и делать все, что должно быть возможно в приложении для социальных сетей. Этот огромный проект разработан с использованием нескольких технологий, таких как React, rethinkDB, Redis, graphQL, Flowtype и Паспорт JS. Структура и код проекта довольно современные, и на понимание может потребоваться некоторое время. Но это определенно даст вам достаточно информации, а также отличный источник для понимания этих технологий.
Прямой эфир - https://spectrum.chat/explore
Репо:
Реагировать на канбан
React Kanban - это проект с открытым исходным кодом, доступный на GitHub, вдохновленный Trello. В этом приложении вы можете создавать карточки, вставлять в них данные, редактировать их, перетаскивать и т. Д. В проекте также есть параметры аутентификации пользователя, такие как вход в Twitter и Google, а также в качестве гостя. Благодаря впечатляющему пользовательскому интерфейсу проект может дать вам возможность познакомиться с работой полнофункциональных приложений. Проект довольно простой, но при его разработке используются различные технологии. К ним относятся React, Redux, MongoDB, Express и Passport.
Прямой эфир - https://www.reactkanban.com/
Репо:
DevHub
DevHub - это веб-проект, а также настольный проект, разработанный для управления уведомлениями и действиями Github. Это полезное приложение с впечатляющим пользовательским интерфейсом. Он также работает на мобильных устройствах. Приложение предлагает различные функции, такие как макет с несколькими столбцами, фильтры, диспетчер уведомлений, отслеживание пользователей, панель мониторинга, сохранение на потом, сочетания клавиш и многое другое. Проект довольно большой и разработан с использованием React, React Native, Redux, TypeScript, Redux-saga, Electron и повторного выбора.
Прямой эфир - https://devhubapp.com
Репо:
Подводя итог, Github полон проектов React. Там вы можете найти множество замечательных проектов на React. Многие из них сложны и сложны, в то время как многие просты. Эти проекты разрабатывают профессионалы со всего мира. Эти проекты предоставят вам доступ, а изучение их кода будет служить источником обучения. Ознакомьтесь с некоторыми проектами!
Первоначально опубликовано на https://www.ordinarycoders.com.
Больше контента на plainenglish.io
