Introduction to React JS

-

What is React JS?

React JS is a JavaScript library that we can use in web development to build interactive elements on websites. 

What is the use of React JS?

When React uses a JavaScript library, it helps developers who build user interfaces or UIs. Websites and web applications are collections of UIs on-screen buttons, menus, search bars, and many other things that interact to USE a website or app. 

Remember React JS is used in front-end development. You can memorize it by, "the on-screen" elements of UIs - React is used definitely for "client-side" programming and because of that, it makes a front-end library.

Developers were stuck building  UIs with the "vanilla javaScript" or they use less focused UI like JQuaray when they before getting into use in React JS. Because of that, it cost a longer development time with a lot of opportunities for errors and bugs. So, to overcome this problem in 2011, Facebook engineer Jordan Walke created React JS especially to evolve the UI development. 

React library code provides additional reusability to save development time and reduce the possibility that code getting errors and it comes with main two key features and those are JSX and Virtual DOM. 

What is JSX?

Every wedsite builds basically with HTML documents and web browsers read those documents and display them on whatever device you may have, like the computer, laptop, tablet, or in your phone as the web page. While this process happening, in the browser there is something creating called Documents Object Model(DOM), that represent how should be the web pages are arranged. So, developers can modify these DOM with languages like JavaScript and add dynamic content to their websites.

React extension called JSX(JavaScript eXtention) can use to modify the DOM using simple, HTML code and JSX help web developers to do it in an easy way. React JS supports all modern web browsers and JSX also well matches any browser platform that you work with. 

After using JSX to modify the DOM, leads to remarkable site improvements in performance and develops productivity.

What is Virtual DOM?

VDOM or virtual DOM is a programming concept with a perfect or virtual representation of a UI kept in memory. In React, every Virtual DOM is corresponding with a DOM object. DOM object like a lightweight copy represents the virtual DOM object.

A virtual DOM object contains the same properties as a real DOM object, but it has a lack of real things that power to directly, can change the content on the screen.

Manipulating the virtual DOM is much faster than manipulating the DOM. Because of the drawn onscreen. Manipulating the virtual DOM is like editing a blueprint, as moving against in actual house rooms.


Comments

Post a Comment

Popular posts from this blog

Introduction to NoSQL

-
Image
What is NoSQL? 'NoSQL' database typically refers to the non-relational database. Most people say that 'NoSQL' stands for 'non SQL' and someone says that its stands 'not only SQL'. In NoSQL databases, data store in a format other than relational tables. Most people think that NoSQL databases don't store relationship data. Remember NoSQL databases can store relational data, but the way they store data is in a different way. In fact, storing data in a NoSQL database is easier than an SQL database because the related data doesn't have to be split between tables.  Within a single data structure, NoSQL data models allow data to be nested. After the introduction of the NoSQL databases, the cost of the storage rapidly decreased. The reason to introduce the NoSQL database is needed to reduce the data duplication and for complex, difficult-to-manage data models in a simple way. After the costs of storage decreased, the application needed to store data and
Read more

Introduction to JavaScript

-
Image
  JavaScript JavaScript(JS) is an  interrupted , lightweight, or just-in-time programming language with a first-class function. JS is well known for a scripting language in web pages, and also it may use in many non-browser environments such as Node.js, Apache CouchDB, and Adobe Acrobat. It's a program that runs a single thread by default and prototype-based, multi-paradigm, supporting object-oriented, imperative, declarative styles, and also it is a dynamic language. ECMAScript is the standard for javascript.  As I said earlier javaScript programs run using a single thread and in javaScript, there are ways to create new threads, and even though it's called a single thread language. JavaScript is a non-blocking I/O because it does not wait to get completed I/O operation and instead it continues to execute the program. JavaScript is asynchronous. The eventing system in javascript manages its asynchronous operations. Objects in JavaScript In JavaScript, all the objects are instan
Read more

REST services and KoaJS

-
Image
RESTful services REST stands for REpresentational State Transfer protocol. Resources-based - Things are built around resources or services. URI are resources identified. The same resource may be referred to by multiple URIs. To pass data used XML or JSON. Scalable, maintainable, and also lightweight. HTTP Verbs GET - to get  resource POST - to input new resource PUT - to replace an included resource DELETE - to remove a resource OPTIONS - to get allowed for all options HEAD - to get only the response header Koa - Next generation web framework for Node.js Introduction Koa is a new web framework design and developed by the same development team that, designed the Express. The aim of developing this framework is to develop a framework that is smaller and as well as more expressive and also for the robust foundation for web application and web API. By influencing to increase async functions, Koa allows trench callbacks and  slowly  increases error-handling as well. Koa doesn't allow to
Read more