Social Network System with React JS Part One

How to solve infinity loading either in your desktop or mobile? By now, everyone is familiar with JQuery, but we all know is JQuery cannot handle such large amount of data to load. React JS is the best solution for this problem. JQuery and other libraries interacts directly with DOM to load any data; but React JS is specifically designed in such a way that it has a mid interactive layer called Virtual DOM which in turn interacts with DOM(as shown in the diagram below). This Virtual DOM helps in data loading very faster.

React is a big library; Initially, for the developers it may look bit complicated to code using React JS, but eventually we feel it very easy once we get used to it. React is easy to maintain too. I specifically suggest React JS for mobile applications. Applications like Facebook, twitter uses React. React JS is not a framework, its a library for View component. Take a look at the demo, how React works for our Wall System.

How to Start React Application

You have to include following libraries to start React application, React is using JSX(Javascript with XML on it) standard and it is not a globally accepted standard, so we are using Babel compilerbrowser.min.js and JavaScript code type should be "text/babel"

Load User Updates Data to WallFeed Component
Now go to WallFeed component and include following functions. Here getInitialState and componentDidMount are React builtin functions. Using getInitialState you can initialize variables and componentDidMount is loads with component.