Theme Color

Font Settings

Settings

104 Picture

Your gallery download complete

Download now

813 Point

You are doing great job!

Read now

3,756

New Followers on Twitter

Find more
  • Anyone send me a message
  • Anyone seeing my profile page
  • Anyone posts a comment on my post

Documentation

BizMap Directory & Listings React Redux templates

BizMap is a popular WebApp template for multi purpose use . It’s responsive React template, which is based on the Bootstrap framework. It utilizes all of the Bootstrap components in design and re-styles many commonly used plugins to create a consistent design that can be used in all type of business an organisations website.

  • Bootstrap
  • Built in SASS
  • Fully Responsive
  • Ready to used widget
  • Detailed Documentation
  • Customizable React Bootstrap Components
  • Slider
  • Portfolio
  • Key Feature
  • News Letter
  • Pricing Plan
  • Testimonial
  • Query Form
  • FAQ
  • Contact Form
  • Style Varient
  • Social
  • Blog Style
  • Coming Soon Page
  • Error Page
  • Blog Page
  • Site Down page

React.JS Installation & Setup A JavaScript library for building user interfaces.

Installing

Make sure if NODEJS is installed on your computer

Run npm install -g create-react-app command from your teminal to install React Globally.

Install npm :-
Run npm install command from your project directory. It will create 'node_module' folder in this all dependency files will be install with this command.

Run Project :-
Run npm start command from your project directory. With is command file will be compiled and it will be loaded on local server `http://localhost:5000`.

Production Build :-
Run npm run build Builds the app for production to the `build` folder. It correctly bundles React in production mode and optimizes the build for the best performance.

Further help :-
To get more help on the React.js checkout React

Note: You can learn more in the Create React App Documentation. To learn React, check out the React Documentation.

Create a Page

How to create a custom page

1. Create page pages\blank.js

function Blank() {

export function MyPage() {
  return(
   <h1>Hello!</h1>
  ) 
} 	
export default Blank;						
						

Routing

Linking between pages

The React router allows you to do client-side route transitions between pages, similar to a single-page application.

A React component called Link is provided to do this client-side route transition.

import {Link} from 'react-router-dom';
					
function Home() {
  return(
	<ul>
	   <li>
		<Link to="/">Home</Link>
	   </li> 
	   <li>
		<Link to="/about">About Us<</Link>
	   </li> 
	   <li>
		<Link to="/blog/hello-world">
		  Blog Post
		</Link>
	   </li> 
	</ul>
  ) 
} 	
export default Home;						
							

In the example above we have multiple links, each one maps a path (to) to a known page:

  • / pages/index.js
  • /about pages/about.js
  • /blog/hello-world pages/blog/[slug].js

Any in the viewport (initially or through scroll) will be prefetched by default (including the corresponding data) for pages using Static Generation. The corresponding data for server-rendered routes is not prefetched.

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template.

REGULAR SUPPORT : You have in template support if you face any issue with the usage of it then you can contact us on below Email ID.

EXTENDED SUPPORT : Development it is chargeable according to your requirement. For that you need to mail us your requirement on below Email ID.

COST OF SERVICE : Depends on the hours required. But as you are already using our template we have discounted rates for our template customer.

EXTENDED LICENSE : With the Extended Support we also include Extended License. So you save much more with your investment than you will with purchasing Regular License and later buying Extended one + Development cost.

You will get a quick reply from our team and feel free to contact us. We don’t charge for requirement discussion so don’t worry.

Contact Us : rahulxarma@gmail.com

Skype : rahulxarma