ReactJS Tutorial
In this tutorial, we explain ReactJS and the Importance of ReactJS in the programming language.
Q.What is ReactJs?
React js is an open-source JavaScript for building dynamic user interfaces and The "V" in MVC. Maintained by Facebook Instagram and a community of individual developers.
Advantages of Reactjs
- Design simple declarative views for each state in your application
- Encapsulated components
- Dynamic properties & state
- Virtual DOM
- Can render on the client or server
Virtual DOM
React abstracts away the DOM and creates its own version which is simplified and only includes the things that you need
- Helps identify which parts have changed
- Determines how to upload the browsers, Dom, more efficiently
- Much more lightweight/Works faster.
Simple Program:
class HelloWorld extends React. Component
{
return <div>Hello{this.props.name}</div>;
}
}
ReactDOM.render(<HelloMessage name="jane"/>,mountNode);
JSX - JavaScript Syntax Extension
A preprocessor step that adds XML syntax to JavaScript
Look linke XML/HTML
Defines a familiar syntax for defining tree structures with attributes.
Is not required but makes things much easier
Q.How to install ReactJs?
Step-1.Download the latest version of Node js on Nodejs official website.
URL Refer:- https://nodejs.org/en/
if you don't know how to install Nodejs see my post Refer to this url:https://www.softwarequery.com/2018/06/how-to-install-nodejs-via-command-on.html.
Step-2. After Install NodeJS go to the Command line type this command.
Step-3. After Install ReactJS go to the Command line type this command to start ReactJS.
Step-4. Go to a web browser and type localhost:3000 to start to React js.
Comments