You can easily build your app from scratch, just follow the steps given below:<\/p>\n\n\n\n
npm install<\/code>.<\/li>- After installing npm then run
npm start<\/code>.<\/li>- Open your browser and access
http:\/\/localhost:3000<\/code><\/a>.<\/li><\/ol>\n\n\n\n
\n\n\n\nIntegrate New Widget<\/strong><\/a><\/h4>\n\n\n\nPlease follow the Adding New Widgets<\/a> section to learn how to add new widgets in the template.<\/p>\n\n\n\n
\n\n\n\nIntegrate New Component\/Page<\/strong><\/a><\/h4>\n\n\n\nFor seed project<\/strong>:<\/a><\/h5>\n\n\n\nBy default seed project contains dashboard page means you can easily build your dashboard.<\/p>\n\n\n\n
If you want to add some pre-made components or pages<\/strong> then follow below steps:<\/p>\n\n\n\nStep 1:<\/strong> Copy the page template from reactify-redux-thunk->src->routes<\/code> of downloaded ThemeForest<\/strong> files and paste it into under the your-app-directory->src->routes<\/code> directory.<\/p>\n\n\n\nStep 2:<\/strong> Now you need to define the route in the your-app-directory->src->services->_routerService.js<\/code> file. Let us take an example of adding simply a Pages<\/code> component that adds a blank page in your template. Also you need to import the component in the desired area like in the code given below:<\/p>\n\n\n\nimport Dashboard from 'Routes\/dashboard';
\/\/ Import the component here
import Pages from 'Routes\/pages';
export default [
{
path: 'dashboard',
component: Dashboard
},
\/\/ Newly Added Component
{
path: 'pages',
component: Pages
}
]<\/pre>\n\n\n\nStep 3: <\/strong>Open the file components->AsyncComponent->AsyncComponent.js<\/code> and define the component in the async components and export it in the area defined in the given code snippet.<\/p>\n\n\n\n\/**
* AsyncComponent
* Code Splitting Component \/ Server Side Rendering
*\/
import React from 'react';
...
\/\/ Define the Pages Component
const AsyncBlankComponent = Loadable({
loader: () => import(\"Routes\/pages\/blank\"),
loading: () => <RctPageLoader \/>,
});
export {
...
\/\/ Export it here
AsyncBlankComponent
};
\u200c
<\/pre>\n\n\n\nStep 4:<\/strong> That\u2019s it if you navigate http:\/\/localhost:3000\/app\/pages\/blank<\/code><\/a> . The page has been build successfully.<\/p>\n\n\n\nIf you want to add some new components<\/strong> by your own, then follow the steps mentioned below:<\/p>\n\n\n\nPlease check this Adding Menu\/Component In Different Layouts<\/a> section to get detailed information on this.<\/p>\n\n\n\nFor complete template:<\/a><\/h5>\n\n\n\nIf you are using the complete template then you are able to add only new components or pages & for that you have to follow the below mentioned steps:<\/p>\n\n\n\n
Please check this Adding Menu\/Component In Different Layouts<\/a> section to get detailed information on this.<\/p>\n\n\n\nIntegrating Menu<\/a><\/h4>\n\n\n\nIf you want to add menu items then please check this section Adding Menu\/Component In Different Layouts<\/a> for the detailed information.<\/p>\n