Introduction To ReactJS

  1. React is a JavaScript library for building User Interfaces (UI).
  2. React is used for both Web as well as Mobile Apps.
  3. React is generally used for building single-page applications.
  4. React provides us the facility for creating reusable UI components.
  5. As React is a JavaScript library, it can be easily used as frontend with existing backend framework.

How to Get Started?

<!DOCTYPE html>
<html>
	<!-- For Development -->
	<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
	<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
	
	<!-- For Production -->
	<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
	<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    
    <!-- Babel -->
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    
    <body>
        <div id="targetdiv"></div>

        <script type="text/babel">
            class Welcome extends React.Component {
                render() {
                    return <h1>Hello World!</h1>;
                }
            }

            ReactDOM.render(<Welcome />, document.getElementById("targetdiv"));
        </script>
    </body>
</html>