25 Mar 2021

Introduction to React Js | Front End Js Library for Building User Interface

ReactJS is a javascript library for building intractive user interface (UI) for Web Development.
ReactJS is used to create a intractive & daynamic User Interface in Web Browsers. Here Dynamic means- A webpage which create different types of page on User input without refreshing the current website. And Intractive means here - A page with Reactjs Looks great in front of user, Because Reactjs is mainly focus to Front-End.

  • Authors - Jordan Walke
  • Developers(s) - Facebook and community
  • Initial release - May 29, 2013; 7 years
  • Repository github.com/facebook/react
  • • Written inJavaScript
  • PlatformWeb platformTypeJavaScript libraryLicenseMIT License
  • • Websitereactjs.org

Import CDN

if you want to import Reactjs as CDN under your web projects. Keep below code under your webpage's <head/> section.

<script src= "https://unpkg.com/react@16/umd/react.production.min.js"></script>

<script src= "https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> 

Import Reactjs as ES6 Module

if you want to add Reactjs to your project via ES6 Javascript Module. Then copy below bunch of code and put it under <body /> HTML element of your web application's webpage.

Div Element with id attribute is an Root Node for your ReactJS Application.
Script tag with Attribute type="module", indicated that this script tag is a type mode, which is quite differ than normal script tag with Attribute type="text/javascript".
SkyPack.dev is website that provides React & React-DOM API through ES6 Module.

div id="root"></div>
<script type="module">
            import * as React from "https://cdn.skypack.dev/react@17.0.1";
import * as ReactDOM from "https://cdn.skypack.dev/react-dom@17.0.1";

Resources References


No comments:

No Comments