Introduction

Ani is a lightweight and feature rich admin template that is clean to use. An easy layout, with a clean essence, constructed for range and powered via a unique set of six special home styles, constructed for instant, simple, stylish and intuitive browsing that allows to speed-up your development.

We code the brand new web widespread, the use of the energy of React, Bootstrap4 and Redux, developing exceptional, custom coded items, with most effective markup in the marketplace. Complete modularized React structure, getting you extra toward integrate with a backend. Highly recommended for small scale projects as it is easily manageable.

General Syntax of React Component

import * as React from "react";
import { ProgressBar } from 'react-bootstrap';
import * as styles from "../../styles/global.scss";
class Stats extends React.Component {
    constructor(){
        super();
        this.state = {
            isHovered: false
        };
        this.handleHover = this.handleHover.bind(this);
    }
    handleHover(){
        this.setState(prevState => ({
            isHovered: !prevState.isHovered
        }));
    }
    render() {
        const iconClass = `fa fa-${this.props.icon} fa-4x text-${this.props.bgClass}`;
        const stats = this.state.isHovered ? "" : "";
    return (
        <div className="stats hvr-wobble-horizontal" onMouseEnter={this.handleHover} onMouseLeave={this.handleHover}>
              .........
              .........
        </div>
        );
    }
}
export default Stats;