What is ReactJS?

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

  1. What is ReactJS?
  2. Born
  3. why we use react js
  4. future of React.js?
  5. How to Install react.js
  6. How to Learn
  7. Demo
  8. 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:

  1. Open-source JavaScript library
  2. Reuse UI components.
  3. Single-page applications
  4. Load data without reloading your web page
  5. 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:

  1. Introducing Concurrent Mode
  2. Suspense for Data Fetching
  3. Concurrent UI Patterns
  4. Adopting Concurrent Mode
  5. 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

  1. CDN Links
  2. 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-app

Read 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

  1. Website
  2. Youtube
  3. Articles
  4. Help

2. Youtube

03. Articles

Demo

01. CDN demo

CDN DEMO LINK

02. NPM demo:

Folder str when using NPM Command

NPM Folder Str

Demo on Codesandbox.io

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

--

--

--

JavaScript || Reactjs || Nextjs || Python || Rust || Biotechnology || Bioinformatic || Front-end Developer || Writer || https://officialrajdeepsingh.dev/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

User Authentication with Node.js, JWT and Google OAuth 2.0 | Backend Cookbook 5

Hello World

Taking Hash Tables Off The Shelf

8 Amazing Places To Find Design Inspirations For Free

JavaScript Array Distinct()

YouTube Video | YDKJS — Scopes and Closures — 2

Creating Firefox browser extensions-13

TypeScript Crash Course -1

Get the Medium app

Rajdeep singh

Rajdeep singh

JavaScript || Reactjs || Nextjs || Python || Rust || Biotechnology || Bioinformatic || Front-end Developer || Writer || https://officialrajdeepsingh.dev/

More from Medium

How To Make a Custom Responsivity Hook in React?

React JS