Блог

До сих пор я следил за руководствами по вводу-выводу egghead, где только несколько компонентов были созданы в single App.js и которые были отображены в main.js или App.js само по себе и только с одним index.html

  = Project
├── App.js
├── main.js
├── node_modules 
└── index.html
  

Как бы я создал структуру папок, например, как домашнюю страницу для входа в систему и сервер api по-другому использовать и сохранить клиент в React JS.

Как будет отображаться компонент на странице регистрации, например, страница входа будет иметь компонент входа, а страница sigup будет иметь другой компонент, будет ли это отображаться все в одном main.js только и что насчет html-файлов, будут ли они отличаться для входа в систему и домашней страницы.

Краткий пример был бы весьма признателен.

Вы найдете хороший пример в репозитории react-redux-universal-hot-example github.

На демонстрационной странице входа в систему вы можете попытаться войти в систему.

В исходных файлах вы найдете:

• компонент react login
• api для входа и выхода из системы
• как подключить перенаправление для входа с помощью react-router

Этот пример требует понимания Redux (Flux) и react-router, которые вам все равно придется использовать / понимать, если вы хотите продолжить с React (личная точка зрения ^^)

С уважением