В этой статье вы узнаете, какие проекты вы можете запрограммировать, чтобы получить знания для своей будущей работы в качестве разработчика react.js!
1. Система комментариев в react.js с использованием firebase.
Первой идеей будет создание системы комментариев. Вы найдете представление о том, как это может выглядеть с точки зрения программирования.
- Создайте реагирующее приложение.
- Подготовьте файловую среду (описано в этой статье)
- В файл App.js добавьте импорт useState.
- Создайте состояние с именем [comments, setComments], установите его начальное значение на []
- Создайте текстовое поле, которое изменяет текстовую переменную при изменении текста.
- Создайте кнопку, которая добавит в firestore документ, который будет содержать текст: переменная текстового поля, добавленного на шаге 5.
- Когда страница загрузится, отправьте запрос в firestore для получения комментариев.
- Используя функцию карты, создайте тег p для всех комментариев, который будет содержать текст комментария.
Примечание: остальные проекты не дают пояснений, попробуйте сделать их сами — не поможет.
2. Список задач, НО с firestore
Да, да, я знаю, что список задач — это немного забавный и скучный проект, но, как вы всегда делали в loaclstorage или без сохранения задач, попробуйте сделать это с помощью firestore. Firestore предоставляется google и полностью бесплатен (если не переходить свободную границу, то он платный)
3. Приложение для чата (опять же с firestore)
Это последний проект, но и самый интересный. Пользовательские сообщения должны выходить без обновления страницы, это будет что-то новое среди трех проектов. Будьте осторожны, чтобы база данных не читалась в цикле, потому что она выйдет за свободную границу!
На этом статья заканчивается. Пишите в комментариях, какие статьи вы хотели бы видеть.
