What is ReactJS?
Hey, my name is Rajdeep Singh. Currently, I’m a front-developer in India.
In the series post, I’m telling you about react.js
Agenda
- What is ReactJS?
- Born
- why we use react js
- future of React.js?
- How to Install react.js
- How to Learn
- Demo
- FAQ
Note: When you Start the learn react.js, make sure you know about the basic Html, CSS, and ES6 javascript.
Learn Javascript ES6 ECMAScript 2015 Click Here
What is React.js?
Simple React.js is an open-source JavaScript library that is used for building user interfaces specifically for single-page applications.
It’s used for handling the view layer for web and mobile apps. React also allows us to create reusable UI components.
Born:
React was created by Jordan Walke, a software engineer at Facebook, who released an early prototype of React called “FaxJS.”
It was first used on Facebook’s News Feed in 2011 and later on Instagram in 2012. It was open-sourced at JSConf US in May 2013.
versionRelease DateChanges0.3.029 May 2013Initial Public Release16.12.0November 14, 2019fix lazy load and useEffect
Why do we use react js?
We discuss base on some points:
- Open-source JavaScript library
- Reuse UI components.
- Single-page applications
- Load data without reloading your web page
- Big developer community
This point a basic idea about the react.js
More read: Uses of React JS
Future of React.js?
I think react.js problem-solving product so that react.js future is bright.
React.js 5 feature in Experimental Mode:
- Introducing Concurrent Mode
- Suspense for Data Fetching
- Concurrent UI Patterns
- Adopting Concurrent Mode
- Concurrent Mode API Reference
Read about react.js Experimental docs all feature work Only Available beta version.
How to Install react.js
When Install react.js on your project. in case react.js provide to developer two way to use raect.js
- CDN Links
- NPM
1. CDN Links:
CDN means a content delivery network. Use the CDN build website without any use of NPM commend.
Two Type:
1. Development CDN:
Development CDN uses only for the development phase.
Mean when your app coding phase
<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>
2. Production CDN:
Production CDN Minified and optimized production versions of React are available for you.
<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>
Read What Is CDN? Click here
02. NPM:
NPM means Node Package Manager.
when installing node.js in your machine.node.js provide you with NPM
Use NPM Command build react project very simple and easy
Note: NPM is Required in your laptop.
npx create-react-app my-appRead docs https://reactjs.org/docs/create-a-new-react-app.html#create-react-app
How to Learn?
React.js is very easy to learn because react.js write in javascript
Many platforms provide free learning
- Website
- Youtube
- Articles
- Help
2. Youtube
03. Articles
04. Help
Demo
01. CDN demo
02. NPM demo:
Folder str when using NPM Command
Demo on Codesandbox.io
FAQ
What is the best editor to write React and React-Native code?
You use any editor like vscode, Atom, Sublime Text, and Nuclide.
Which is easy to learn, AngularJS, React JS, or Vue.js?
Personally, in my opinion, react.js is very easy as a comparison AngularJs and Vue.js.
What is different between angular and react.js
React.js is a library of code like a book library, but angular js is a framework.
Best online code editor for react.js?
The only open code editor I prefer is Codesandbox
Conclusion
My conclusion about react.js is straightforward, easy-to-learn, easy-to-use components library, one-page application, and open source.
Always Read Official Docs reactjs.org
Suggestion
Any Suggestions and queries tell me In Comment Section. Whats is wrong
