Basic Form of React. import React, { useState } from ‘react’; // JS // const input = document.getElementById(‘myText’); // const inputValue = input.value // React // value, onChange const ControlledInputs […]
React: Create Simple Counter Use Function, Inline CSS and Call function in React
React: Create Simple Counter Use Function, Inline CSS and Call function in React import React, { useState } from ‘react’; const UseStateCounter = () => { const [value, setValue] […]
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’, […]