react js - Forum
preloader

Overview:

If you want to work with ReactJS, you need to have solid knowledge of JavaScript, HTML5, and CSS. Even though ReactJS doesn't use HTML, the JSX is similar so your HTML knowledge will be very helpful.

React is a front-end library developed by Facebook. It is used for handling the view layer for web and mobile apps. React is a declarative, efficient, and flexible JavaScript library for building user interfaces. We'll get to the funny XML-like tags in a second. Your components tell React what you want to render – then React will efficiently update and render just the right components when your data changes.  React is best when the developer has a good amount of dynamic content changing within the view, such as social media networks (obviously, because React was developed by Facebook). Perhaps this is why it is called 'React,' because the quick reaction to change can save even a half second of delay in rendering.

React Features:

JSX:

JSX is JavaScript syntax extension. It isn't necessary to use JSX in React development, but it is recommended.

This is a language that is more or less like XML language. You do not have to use React.js with JSX but JSX language is a much preferable choice for many web developers as it is a shorthand that makes it easy, whenever they are writing markup for components as well as when they are binding events. Web developers will always go for an easy way out, which is why this is a great choice for many.

React.js Performance:

This is one of the features that makes it much better than many great platforms out there today. 

Unidirectional data flow and Flux:

React implements one-way data flow which makes it easy to reason about your app. Flux is a pattern that helps to keep your data unidirectional.

AngularJS vs React JS:

  • AngularJS :AngularJS is developed with the primary purpose of addressing single page application development. AngularJS works with MVC platform, where it simplifies development by providing a reliable solution. AngularJS follows some guidelines, like Angular data binding. In Angular, the Model and the View are linked to allow automatic data synchronization between the two.
  • React JS: ReactJS provides us high-performance client and server-side rendering with a one-way flow for data binding. ReactJS is based on building reusable components of code base which make an app very lightweight, more of a library that makes it quite easy to work with.React is more of a library than a framework. It can best be described as an application view that allows the programmer to utilize reusable components again and again. It is composed of its own React libraries, tools, and solutions that developers can use to build their own JS framework.
TechnologyAngularJSReactJS
Develepor / CreatorGoogleFacebook
LanguageJava Scrip, HTMLJSX
PackagingMediumStrong
DOMRegular DOMVirtual DOM
Native SupportNative ScriptReact Native
RenderingServer SideServer Side
Size766k151k
PerformanceAbove Avg.Faster


https://www.youtube.com/watch?v=A71aqufiNtQ

Comments

priyadharshini on 18th Nov 2017, 10:18 AM

What are the advantages of React JS ?

priyanka_r on 18th Nov 2017, 10:22 AM

Easy to know how a component is rendered, you just look at the render function.

JSX makes it easy to read the code of your components. It is also really easy to see the layout, or how components are plugged/combined with each other.

You can render React on the server-side.

It is easy to test, and you can also integrate some tools like a jest.

It ensures readability and makes maintainability easier.

You can use React with any framework (Backbone.js, Angular.js) as it is only a view layer.

priyadharshini on 18th Nov 2017, 10:23 AM

Thank you Priyanka for your answer.

Leave a comment