React Frequent Pages

This react component displays a widget which has the top list of frequently visited by the user. This component is using localStorage to store the required data. The widget can be themed using CSS.

<div class="react-frequent-pages-widget"> <div class="react-frequent-pages-widget-title">Freqently Visited Pages</div> <ul class="react-frequent-pages-widget-items"> <li class="react-frequent-pages-widget-item">...</li> <li class="react-frequent-pages-widget-item">...</li> <li class="react-frequent-pages-widget-item">...</li> .... ... </ul> </div>

Demo & Examples

Live demo: https://github.com/thamizhchelvan/React-Frequent-Pages

Installation

The easiest way to use react-frequent-pages is to install it from NPM and include it in your own React build process (using Browserify, Webpack, etc).

You can also use the standalone build by including dist/react-frequent-pages.js in your page. If you use this, make sure you have already included React, and it is available as a global variable.

``npm install react-frequent-pages --save`

`Usage`


import the component wherever it's required. Then use the component with the required size (default is 5). A detailed implementation details is available here: 
React Frequent Pages Component Installation


import ReactFrequentPages from 'react-frequent-pages';
...
...

License

MIT