Как создать динамическое одностраничное веб-приложение, используя стек MERN? - PullRequest
1 голос
/ 30 октября 2019

Я прочитал много статей о создании динамических приложений с использованием экспресс-js (ejs, handelbars и т. Д.), Но я хочу, чтобы мое веб-приложение было динамичным и содержало одну страницу с помощью реакции.

Моя цель состоит в том, чтобы визуализировать шаблон и вставить динамические данные с экспресс-сервера, чтобы реагировать на одностраничное приложение, чтобы ускорить работу моего приложения. Есть ли способ сделать это с помощью стека MERN?

1 Ответ

1 голос
/ 07 ноября 2019

Конечно, есть способ сделать это, для этого MERN создан:

M: Mongodb для базы данных, и вы должны npm установить mongoose , mongooseотличная библиотека npm для работы с mongodb

E: Expressjs - это фреймворк для создания веб-приложений (отправка запросов get / post / put / delete .. и многого другого) на Nodejs

R: Reactjs для вашего интерфейса, как вы знаете

N: Nodejs, как они упоминают об этом на своем веб-сайте;'javascript на сервере' для бэкэнда

Если вы хотите создать одностраничное приложение, все, что вам нужно сделать, это настроить базу данных (если она вам нужна), а затем просто кодировать свой бэкэнд, используяПосле выполнения nodejs и expressjs просто запустите серверную часть, используя запуск пряжи или node app.js , как вам удобнее, и, наконец, просто откройте проект реагирования, используя create-Reaction-app команда (это пакет npm, поэтому вы должны сначала установить его, используя npm i -g create-реагировать-app ), как только закончите настройку внешнего интерфейса, вы можете получить данные из резервной копии с помощью axios вваш код реакции. и все будет работать нормально.

Вот несколько статей, которые могут вам помочь:

Как создать свой первый стек MERN (MongoDB, Express JS, React JS и Node JS)

Давайте создадим полнофункциональное приложение MongoDB, React, Node and Express (MERN)

Учебное пособие по стеку MERN - Создание приложения React CRUDОт начала до конца - часть 1

Учебное пособие по стеку MERN - Создание приложения CRUD от React От начала до конца - Часть 2

MERNУчебник по стеку - Создание приложения React CRUD от начала до конца - Часть 3

Учебник по стеку MERN - Построение приложения React CRUD от начала до конца - Часть 4

...