link_web
@link_web
Magento, Laravel, Zend, Shopify, Prestashop, WP

Как правильно спроектировать сайт на react + node js?

Приветствую.
В ближайшее время я буду переносить сайт на react+node. Это обычный сайт, не одностраничник(в нем есть меню, обычные страницы), но клиенту нужен именно react и node js.

Главная выглядит примерно так: https://www.dropbox.com/s/hv7w1y7wttxl826/Stats_De...

Проблема в том, что я даже не знаю с чего начать , а если непраильно заранее начну делать, то потом времени не будет все с нуля переделывать.

Сейчас уже есть обычная верстка этого сайта. Подскажи пожалуйста как все должно выглядеть и как правильно все спроектировать?
Меню тоже толжео быть как компонент? футер и т.д.

Страницы будут храниться в базе данных и дальше наверно я так понял нужно писать админку на node.js для клиента что бы он мог редактировать эти страницы или как делают в таком случае?
Какие инструменты использовать, сборщики и т.д. Буду благодарен за любую инфу и мнение как бы вы делали такой проект React+Node И какие инструменты понадобились.

Я так понимаю нужно брать верстку и разделять на реакт компоненты?

Спасибо
  • Вопрос задан
  • 5726 просмотров
Решения вопроса 1
@theeminemshow
Читаю рэп в Детройт
Пригласить эксперта
Ответы на вопрос 5
@montecazazza
Node, GraphQL, React
https://github.com/facebookincubator/create-react-app - с этого можно начать, чтобы не заморачиваться со сборщиком и настройкой. Можно легко начать и фронт и бэк.
https://github.com/styled-components/styled-components - это добавить для стилей - ИМХО самый удобный вариант
Ну роутер и прочее что необходимо по ходу будет.
Вообще не очень понятно зачем React если не SPA.
Ответ написан
Комментировать
edtoken
@edtoken
Full-stack Javascript/Python Developer
Погуглите как организованы вот такие проекты, слова для гугла: react + redux + node isomorphic example
Ответ написан
Комментировать
SPAHI4
@SPAHI4
реактовцы - это не девы, а прокидыватели пропсов
Ответ написан
Комментировать
link_web
@link_web Автор вопроса
Magento, Laravel, Zend, Shopify, Prestashop, WP
Есть решение, но еще не уверен. Как только я напишу одну страницу - тогда отпишусь
Ответ написан
Комментировать
alexandrknyazev13071995
@alexandrknyazev13071995
я понял, как делать приложения на этом, считаю, отличном примере.
https://github.com/atulmy/node-express-react-redux...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
23 апр. 2024, в 19:21
300 руб./за проект
23 апр. 2024, в 19:05
15000 руб./за проект
23 апр. 2024, в 19:01
7000 руб./за проект