What is React.Js?

ReactJS, is an open-source JavaScript library for creating user interfaces that aims to address challenges encountered in developing single-page applications. It is maintained by Facebook, Instagram and a community of individual developers and corporations.

React is a UI library developed at Facebook to facilitate the creation of interactive, stateful & reusable UI components. It is used at Facebook in production, and Instagram.com is written entirely in React.

React is intended to help developers build large applications that use data that changes over time. Its goal is to be simple, declarative and composable. React only handles the user interface in an app; it is considered to only be the view in the model–view–controller (MVC) software pattern, and can be used in conjunction with other JavaScript libraries or larger MVC frameworks such as AngularJS.

It also uses a concept called the Virtual DOM that selectively renders subtrees of nodes based upon state changes. It does the least amount of DOM manipulation possible in order to keep your components up to date.

Video for React.js

Discussion About MUI - React.Js?

What is MUI?

The MUI React library is designed from the ground up to be fast, small and developer-friendly. Using the MUI React library you can add MUI components to your React apps and switch seamlessly between MUI CSS/JS and MUI React even within the same app.

Bower Install

bower install mui

NPM Install

npm install --save muicss

The MUI React library is designed to be used server-side or with your build system via the muicss NPM package.

Video for MUI Layouts
https://www.youtube.com/watch?v=8I2YS7OCkpQ

About React MDL?

What is React MDL?

React-MDL is the React implementation of the already popular Material Design Light framework by google.

MDL is a light weight material design CSS framework which aims on bringing concepts of material design while keeping the UI lightweight.

The current implementation of React-MDL (v1.x) uses the entire MDL library provided by Google. This includes both the MDL css and the MDL javascript.

Node Commends:

npm install --save react-mdl

Simple Code for Button

npm install --save react{/* Colored FAB button */}
<FABButton colored>
<Icon name="add" />
</FABButton>

{/* Colored FAB button with ripple */}
<FABButton colored ripple>
<Icon name="add" />
</FABButton>-mdl

Video for React MDL
https://www.youtube.com/watch?v=qHALhAY93Xc

What is React.Js?

What is React.Js?

Video for React.js

References

Your comment on this post:

Related Articles