Create First React Component

import React from ‘react’; import ReactDom from ‘react-dom’; function Greeting(){ return( <div> <h4> this is john and this is my first componenet; </h4> </div> ); } ReactDom.render(<Greeting />, document.getElementById(‘root’)); Create […]

React Babel with React Fragment Create Page Elements

HTML Code <!doctype html> <html> <head> <title>Page Title</title> <meta charset=”UTF-8″> <meta name=”viewport” content=”initial-scale=1.0″> </head> <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> <script src=”https://unpkg.com/[email protected]/babel.min.js”></script> <body> <div id=”root”></div> </body> </html> React Babel […]

React Tutorial : Create Article DIV, Heading, Sub Heading & Paragraph

<!doctype html> <html> <head> <title>Page Title</title> <meta charset=”UTF-8″> <meta name=”viewport” content=”initial-scale=1.0″> </head> <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> <body> <div id=”root”></div> <script type=”text/javascript”> const articleHeading = React.createElement(‘h2’, null, ‘My First […]

React Basic : Create A Button with React

<!doctype html> <html> <head> <title>React – Create Button</title> <meta charset=”UTF-8″> <meta name=”viewport” content=”initial-scale=1.0″> </head> <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> <body> <div id=”root”></div> <script type=”text/javascript”> const button = React.createElement( ‘button’, […]