React Js Tutorial For Beginners – Introduction

11850
views

React Js Tutorial For Beginners

Today we will learn the first part of our tutorial series React JS. Our React Js tutorial series will cover from basic to advanced concepts. In this first tutorial, we will learn the following topics.

  1. Introduction
  2. What is React Js?
  3. Features of React JS
  4. Limitations of React Js

React Js Tutorial

React Js is developed by facebook and the project is released as open source. In the year 2016, React Js has become very popular. Do you know what made React Js become so popular?

The answer is Angular Js. Yes, When AngularJs-2 is released they announced that Angular Js-2 will be completely different from AngularJs-1. After hearing this large number of developers switched from angular Js to React Js. It’s not only because of angular 2, React Js has its own advantages when compared to angular JS. We will compare this two later. Let us learn more about React Js for right now.

What is React Js?

Now let’s talk technically about React Js. React is a flexible & efficient javascript library used for creating reusable UI components.

Reusable components are nothing but, you will write a component and use it anywhere in the project. You no need to write the same code again and again. For example, you created a table using HTML and there are 10 tables in your project. You no need to write 10 times table code. Just if you call the table component, the table will be rendered. We will learn about Components in our next tutorial.

React Js is not a framework. It is just a library. And you all know about MVC(Model, View, Controller). React uses only ‘V’ (view) layer.

Features of React JS

  1. Virtual Dom in React

What is Virtual Dom? Instead of touching the real DOM directly we will build an abstract of it. So if we want to make changes to the UI whole virtual DOM will be rendered but real DOM will update only the changes instead of rendering whole DOM. Rendering virtual  DOM is very faster than rendering browser DOM.

  1. Reusable Components

In React you can create reusable components. We already discussed how reusable components are used in React JS.

  1. React can be used on client and server side.

Yes, You can use react with server side too. Along with node Js you can use React Js.

Limitations of React Js

As I already mentioned that  React will use only V (View). So you still need to choose other technologies to get a complete tooling set for development.

That’s all for our first tutorial.I want to keep it very simple. Hope you understood what is React Js? What are the features and limitations of React Js. In our next tutorial, we will learn how to setup React Js on our local environment.

Thanks for reading. If you like it please share it. Any queries please let me know through comments.

4 COMMENTS

  1. Good blog post on ReactJS Introduction and basics, seems simple and interesting. Thanks for writing this great insightful information.

LEAVE A REPLY

Please enter your comment!
Please enter your name here