React js in 20 minutes

React js in 20 minutes

React js is a javascript library for building user interfaces. Reach js has two category –

  • React for web
  • React native


  • Html
  • Css
  • Javascript

Start to react we need to understand the following things –

React JSX

JSX means JavaScript XML. Using JSX we can write HTML in React by which we can easily write HTML inside react.


It’s a reusable code component. They return HTML code. It can be two type –

  • Function component
  • Class component

But here we will class component

Get Started

<!DOCTYPE html>
  <script src=""></script>
  <script src=""></script>
  <script src=""></script>
    <div id="app"></div>

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

      ReactDOM.render(<p>Hallo</p>, document.getElementById('app'));


About the Author: Pankaj Bisht