<h2>Node.js</h2>
<p>You can download it from: <a href="https://nodejs.org/en/" target="_blank" rel="noopener">https://nodejs.org/en/</a></p>
<h2>Creating our first react app</h2>
<p>Open your terminal in the directory you would like to create your application. Run this command to create a React application named my-react-app:</p>
<pre class="language-javascript"><code>npx create-react-app my-react-app</code></pre>
<p>OR, you can directly make your application without specifying a name, like this:</p>
<pre class="language-javascript"><code>npx create-react-app .</code></pre>
<p>In this case, all files will be kept in the current directory.&nbsp;</p>
<p><strong>Note:</strong> When choosing folder name, make sure there are no spaces or capital letters because of npm naming restrictions.&nbsp;</p>
<p>Once base application is created, if folder specified you just have to enter the folder. You can use this command to enter:</p>
<pre class="language-javascript"><code>cd directory-name</code></pre>
<p>Then just start up the application with this command:</p>
<pre class="language-javascript"><code>npm start</code></pre>
<p>and you are good to go!&nbsp;</p>

React Setup

<h2>What is ReactJS?</h2>
<p>ReactJS is a <strong>JavaScript</strong> library used to build User Interfaces(UI). It significantly decreases the code with it's components, states i.e. hooks, etc.&nbsp;</p>
<h2>Creating react app</h2>
<p>Open your terminal in the directory you would like to create your application. Run this command to create a React application named my-react-app:</p>
<pre class="language-javascript"><code>npx create-react-app my-react-app</code></pre>
<p>OR, you can directly make your application without specifying a name, like this:</p>
<pre class="language-javascript"><code>npx create-react-app .</code></pre>
<p>In this case, all files will be kept in the current directory.&nbsp;</p>
<p><strong>Note:</strong> When choosing folder name, make sure there are no spaces or capital letters because of npm naming restrictions.&nbsp;</p>
<p>Once base application is created, if folder specified you just have to enter the folder. You can use this command to enter:</p>
<pre class="language-javascript"><code>cd directory-name</code></pre>
<p>Then just start up the application with this command:</p>
<pre class="language-javascript"><code>npm start</code></pre>
<p>and you are good to go!&nbsp;</p>
<h2>Hello World</h2>
<pre class="language-javascript"><code>const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(&lt;h1&gt;Hello, world!&lt;/h1&gt;);</code></pre>
<p>In this we are just putting <code>&lt;h1&gt;</code> tag in a div with id 'root'. That's it! In div with id 'root' everything will be rendered. We can also change it from 'root' to something else, as we are just getting an element and putting HTML in it.&nbsp;</p>

React Home