React.js

Introduction to ReactJS

Kasuni Madhushika
Apr 19 · 3 min read
Figure 1: React JS Logo

React.js (also known as React or ReactJS) is an open-source, component-based front-end JavaScript library (javascript framework) for building user interfaces and UI components. Also, it is a declarative, efficient, and flexible JavaScript library for User interfaces. React can be used for single-page web applications or mobile applications. Therefore, it requires the use of additional libraries for routing and certain client-side functionalities. ReactJS is maintained by Facebook and a community of individual companies.

The application looks like simple views for each state. React will efficiently update and render just the right component when your data changes. The declarative view makes your code more prognosticable and more facile to debug. As well as it is composed of multiple components, each responsible for rendering a minute, reusable piece of HTML. Those components can be nested within other components to built out of simple building blocks.

Introduction to React Native

Figure 2: React Native

React has native libraries. It is a JavaScript framework for developed mobile applications for IOS and Android and UPD. It is introduced by Facebook in 2015. It uses the same design as React and it looks truly “native”.

React Native applications also written using JavaScript and JSX (XML-esque markup). It exposes JavaScript interfaces for platform APIs.These can access platform features like the location or camera, like that.

Figure 3: Top uses of ReactJs

There are so many platforms for developing front-end web applications. But in React, has some unique features for developing your application easier. The following are the key features of it ;

  • Easy to learn: Anyone can easily understand this language. But you need basic knowledge of HTML and CSS.
  • Performance: React does not offer any concept of a built-in container for dependency. Can use Require JS, EcmaScript 6 modules which we can use via Babel, ReactJS-di to inject dependencies automatically.
  • Simplicity: The component-based approach, use of plain JavaScript, and its lifecycle make ReactJs very simple to learn. It helps us to build professional web applications or mobile applications. React uses a special syntax calledJSX” which allows you to mix HTML with JavaScript. Because JSX is much easier to use for developing our applications. Also, we can use plain JavaScript to build it.
  • Data Binding: Uses one-way data binding and an application architecture (Flux) that controls the flow of data to components through one control point. Therefore, it is easier to debug.
  • Native Approach: This can be used to create mobile applications. It is reusability-supported. So we can make Android, IOS, and Web applications.
  • Testability: We can test these applications very easily.

Nerd For Tech

From Confusion to Clarification

Nerd For Tech

NFT is an Educational Media House. Our mission is to bring the invaluable knowledge and experiences of experts from all over the world to the novice. To stay up to date on other topics, follow us on LinkedIn. https://www.linkedin.com/company/nerdfortech

Kasuni Madhushika

Written by

Software Engineering Undergraduate at Sri Lanka Institute Of Information Technology

Nerd For Tech

NFT is an Educational Media House. Our mission is to bring the invaluable knowledge and experiences of experts from all over the world to the novice. To stay up to date on other topics, follow us on LinkedIn. https://www.linkedin.com/company/nerdfortech

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store