DEV Community

Visakh Vijayan
Visakh Vijayan

Posted on

3 1

Now let's install React already

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

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs