Блог

Я собираюсь начать университетский проект, в котором нам нужно создать веб-приложение, и спросил моего лектора, разрешено ли нам использовать React.js для сборки. Он сказал «да» при условии, что ему не нужно ничего устанавливать локально, и он мог просто загрузить мою отправку и просмотреть ее со своего локального компьютера.

Нужно ли что-нибудь установить, чтобы он мог просматривать мое веб-приложение при использовании React.js ? Я относительно новичок в React.js поэтому прошу прощения, если это глупый вопрос!

Созданное приложение (если только вы не зависите от средства визуализации на стороне сервера, такого как next.js ) может быть развернут на любом веб-сервере, поскольку это просто набор статических файлов.

Вы, вероятно, обнаружите, что оно не будет запускаться, если запущено с file: URL scheme.

Нет.

Если вы просто используете библиотеку react и пишете свой код как:

  React.createElement("div", /*...*/)
  

тогда код можно редактировать даже с помощью notepad и выполнять с помощью любого существующего веб-браузера.

Однако, если вы хотите использовать React с JSX и всем этим синтаксическим сахаром

  import * as React from "react"; // <- sugar

 class App extends React.Component { // <- newer js
   render() {
     return <div> </div>; // <- sugar
   }
}
  

вы должны настроить конвейер сборки, который переносит все новые функции в «старый» JavaScript. В этом случае ваш преподаватель может «просмотреть» ваш исходный код, а также открыть скомпилированный html-код, но он не сможет вносить изменения или проверять соответствие выходных данных написанному коду без установки вашего конвейера сборки (NodeJS, NPM, webpack, …).

Нет, им не нужно ничего устанавливать глобально. (Ну, за исключением NPM, предполагая, что вы используете некоторые пакеты NPM в своем приложении.) Итак, технически, все, что ему нужно сделать, это: 1- открыть командную строку в каталоге приложения. 2- npm i