Ссылка
1. абсолютный импорт
2. аутентификация firebase

firebase по сравнению с AWS amplify → оба являются внутренними веб-сервисами.

Настраивать

  1. vs code: npx create-react-app ‘название проекта’
  2. создать новый репозиторий в Github
  3. firebase -> вход -> перейти в консоль
  4. vs code: git remote add origin 'адрес репозитория'
  5. Удаляем то, что не будем использовать.
    1) index.js: reportwebvitals(), './index.css'
    2) App.js: './logo.svg', './App .css», удалите все в «Return», кроме div

Return <div></div>

3) удаляем файлы: App.css, App.test.js, index.css, logo.svg, serviceworker.js, setupTest.js, reportwebvitals.js
4) package.json: удаляем «тест»: «React-scriptstest» в «скриптах»

6. против кода: git add .
git commit -m «1.0 Initialization»
git push origin master

7. создайте проект в firebase → настройте «веб-приложение» → Добавьте SDK Firebase: это конфигурация firebase, и нам нужно добавить ее в файл кода для подключения к firebase.

1) vs code: npm install — сохраните firebase
создайте файл firebase.js внутри папки src
2) скопируйте ниже из Add Firebase SDK в файл firebase.js:

import firebase from "firebase/app";  
const **firebaseConfig = {.....};**  
export default **firebase.initializeApp(firebaseConfig);**

8. против кода: запуск запуска npm

9. index.js: импортируем firebase из «./firebase»;
(вы можете проверить, получаем ли мы данные из firebase → console.log(firebase))

10. Чтобы скрыть мои значения ключей в firebase.js из Github
1) создайте файл '.env'
2) .env:
REACT_APP_API_KEY = 'значения ключей firebase' (скопируйте и вставьте )
REACT_APP_AUTH_DOMAIN = 'значения ключа firebase' (скопировать и вставить)
….
3) firebase.js:
apikey: process.env.REACT_APP_API_KEY,
…
4) .gitignore:
добавьте '.env' в последнюю строку

11. 1) создайте папку «components» и «routes» внутри папки «src»
2) переместите файл App.js в папку компонентов + обновите адрес импорта приложения в index.js
3) создайте файлы: Auth.js, Home.js, Profile.js, EditProfile.js в папке маршрутов

import React from 'react';
const Auth = () => {
    return;
};    
export default

12. Чтобы использовать маршрутизатор: npm i react-router-dom
и создайте файл «Router.js» внутри папки компонентов.