Самые полезные проекты с открытым исходным кодом для изучения и получения практического опыта разработки веб-приложений React в 2022 году
Если вы делаете первый шаг в веб-разработке внешнего интерфейса и хотите стать разработчиком React в 2022 году, то вы определенно попали по адресу.
Пока вы находитесь на начальном этапе изучения React.js, я должен отметить, что вы можете понять React разными способами, и наиболее эффективным способом является изучение проектов с открытым исходным кодом. Изучая примеры проектов, вы поймете лучшие практики React.js намного быстрее, чем читая тонны статей и руководств.
В этой статье я завершу список проектов с открытым исходным кодом, которые помогут вам изучить React.js намного быстрее. Как мы все знаем, React.js — одна из самых известных и широко используемых библиотек для веб-разработки веб-интерфейса, и если мы правильно поймем, как использовать React, нам будет проще заняться разработкой веб-интерфейса.
Я прошел один из курсов Максимилиана Швармюллера по Udemy, и если вам интересно, я бы посоветовал вам изучить этот курс.
Примечание. Не партнерская ссылка!
Курс Удеми | React — Полное руководство (включая хуки, React Router, Redux)
Теперь пришло время углубиться в список следующих проектов React.js.
1) Простое приложение React To-Do
В этом простом приложении React To-do с открытым исходным кодом вы изучите основы и некоторые продвинутые уровни React.js, а также некоторые стили.
2) Калькулятор
Я нашел этот репозиторий GitHub, в котором объясняется простой способ разработки простого калькулятора в React.
3) Снимок
В этом проекте вы узнаете, как разработать галерею с помощью React, React Hooks, React Router и Context API.
4) Поиск фильмов TMDb
В этом примере проекта вы узнаете, как взаимодействовать с API и отображать данные на странице.
5) Реагировать на вкладки
Если вы хотите легко создавать вкладки, обратитесь к этому репозиторию GitHub.
6) Реагировать на доску Trello
Здесь мы увидим, как клонировать доску Trello с помощью React + Redux.
7) Дизайн пользовательского интерфейса
Проект основан на реакции и начальной загрузке.
8) Трекер денег
Загляните в репозиторий Money Tracker GitHub: прогрессивное веб-приложение с открытым исходным кодом, которое позволяет отслеживать ваши доходы и расходы.
Бонусный раздел
В приведенном ниже репозитории GitHub есть много примеров проектов с живыми демонстрациями.
Если вы заинтересованы в том, чтобы внести свой вклад и поделиться своими знаниями с другими, вы можете подписаться на приведенные ниже статьи, чтобы написать для публикации «DataDrivenInvestor».
Свяжитесь со мной в… Twitter, LinkedIn или GitHub
Если вам нравится читать подобные истории и вы хотите поддержать меня как писателя, подумайте о том, чтобы зарегистрироваться, чтобы стать участником Medium. Это 5 долларов в месяц, что дает вам неограниченный доступ к историям на Medium. Если вы зарегистрируетесь по моей ссылке, я получу небольшую комиссию.
Подпишитесь на DDIntel Здесь.
Присоединяйтесь к нашей сети здесь: https://datadriveninvestor.com/collaborate
