✨8 проектов React, которые должен попробовать каждый новичок

В этой статье мы рассмотрим 8 проектов React, которые должен попробовать каждый новичок.

React — это бесплатная внешняя библиотека JavaScript с открытым исходным кодом для создания пользовательских интерфейсов или компонентов пользовательского интерфейса. Он поддерживается Facebook и сообществом отдельных разработчиков и компаний. React можно использовать как основу при разработке одностраничных или мобильных приложений. В этой статье давайте рассмотрим несколько крутых проектов, которые вы можете сделать, чтобы максимально упростить процесс изучения React.

1. Создайте фотогалерею с помощью React.js и Firebase

В руководстве от Net Ninja (Шон) вы узнаете, как создать фотогалерею, используя React.js, поддерживаемый Firebase, в качестве базы данных. Учебник не только охватывает основы React, но также показывает, как создавать собственные пользовательские хуки. Очень рекомендуется для тех, кто хочет изучить React.

Чему вы научитесь?

1. Основам React
2. Созданию собственных хуков

2. Создайте средство отслеживания расходов, используя React Hooks и Context API.

В этом руководстве Брэд (Traversy Media) показывает, как создать приложение для отслеживания расходов, используя React Hooks и Context API. Он также использует одно из решений для управления состоянием — Context API.

Чему вы научитесь?

1. Основам React
2. Управлению состоянием с помощью Context API

3. Создайте Hangman с React от CodeSTACKr

В этом видео мы создадим игру про палача, используя React с хуками.

Чему вы научитесь?

1. Основам React, хукам

4. Создайте трекер упражнений, используя React.js и хуки

В этом видео мы создадим полноценное приложение для отслеживания упражнений, используя React.js и React Router. Создано @thenerdydev

Чему вы научитесь?

1. Основам React, хукам

5. Полный ускоренный курс React.js с проектом Meetups

Ускоренный курс Максимилиана Шварцмюллера (Academind) , который научит вас всем основам React.js. Это руководство также включает проект, использующий Firebase в качестве базы данных.

Чему вы научитесь?

1. Основам React.js
2. Основам Firebase

6. Создайте приложение погоды, используя React.js от Тайлера Поттса

Узнайте, как создать приложение «Погода» в React JS. В этом руководстве используется API Open Weather Map для выполнения вызовов API-интерфейса Restful для возврата текущих данных о погоде. При этом используется точка доступа Modern Javascript Fetch, а также хуки и условия React.

Чему вы научитесь?

1. Основам React.js

7. Создайте приложение Todo в React.js

DevEd покажет вам, как создать приложение Todo в React.js.

Чему вы научитесь?

1. Основам React

8. Как создать лучший Spotify с помощью React

Spotify довольно хороший сервис, но что, если бы вы могли сделать еще более лучшую версию? В этом видео WebDevSimplified показывает, как создать клон Spotify, который не только обладает многими функциями Spotify, но также включает поиск текста для любой песни, которую вы хотите.

Чему вы научитесь?

1. Основам React
2. Работе с API
3. Хукам

Учитесь новому и все получится!

Источник статьи: http://dev.to/