DEV Community

loading...

Now let's install React already

Visakh Vijayan
Willing to learn anything and everything exciting. Always awake. Skips food for fun.
・1 min read

Ok so a lot of information. Now let's install React onto our system.

Project Structure

  1. Create a folder called reactJs.
  2. Inside that create a myApp folder.
  3. Inside that create a public folder.
  4. Inside this folder create an index.html file.

The CDN

React is a JS library so it is available as a CDN (Content Delivery Network).

<html>
<head></head>
<body>

    <script src="https://unpkg.com/react@16.0.0/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

React needs two libraries to work.

  1. The first one [react@16.0.0] we have added contains the core syntax of React like createElement() function etc.
  2. The second one [react-dom@16.0.0] is ReactDOM. This is used to render elements basically.

We will need one more guy called Babel to help us out.

Next: What are you Babelling about

Discussion (0)