реагировать — требуется ли для React JS узел js и JSX

Требуются ли для React JS узел js и JSX

Да, вы можете создать приложение ReactJs без nodejs и jsx.

Но почему вы должны использовать JSX?

JSX предоставляет очень чистый способ объявить ваш компонент пользовательского интерфейса. Вы можете использовать ваш знакомый синтаксис HTML, чтобы объявить ваш пользовательский интерфейс. JSX переносится и преобразуется в легкие объекты, представляющие элементы пользовательского интерфейса. Например, вы можете использовать следующий способ объявить реакцию через

1.jsx

const App = () ={amp}gt; { return ( {amp}lt;div{amp}gt;{amp}lt;h1{amp}gt;Welcome to React{amp}lt;/h1{amp}gt;{amp}lt;/div{amp}gt; ); } 

или

2. без JSX

 const App = function App() { return React.createElement( "div", null, React.createElement( "h1", null, "Welcome to React" ) ); }; 

Вы можете догадаться, какой из них легко написать.

Почему я должен использовать nodejs для создания проектов браузера?

nodejs никогда не требуется для запуска веб-сайтов в браузере. Но экосистема nodejs предоставляет вам тысячи модулей npm для использования в ваших проектах, не изобретая их только для ваших проектов.

Без nodejs вы могли бы использовать провайдеров cdn и добавить {amp}lt;script{amp}gt; для использования любой библиотеки. Но с помощью модулей модулей и статических генераторов ресурсов, таких как browserify и webpack, вы можете использовать возможности экосистемы nodejs непосредственно в вашем веб-проекте (который не требует среды выполнения nodejs, а скорее запускается в браузере).

Ниже приведен фрагмент кода {amp}lt;script{amp}gt; чтобы сделать responsejs доступным без nodejs.

 const App = () ={amp}gt; { return ( {amp}lt;div{amp}gt;{amp}lt;h1{amp}gt;Welcome to React{amp}lt;/h1{amp}gt;{amp}lt;/div{amp}gt; ); } ReactDOM.render({amp}lt;App /{amp}gt;, document.getElementById('app')); 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div id="app"{amp}gt; {amp}lt;/div{amp}gt; 

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector