Discussion on Boss Ultimate - React Admin Template Material Design

Discussion on Boss Ultimate - React Admin Template Material Design

Cart 242 sales
Well Documented

ilhammeidi does not currently provide support for this item.

67 comments found.

Hi, I am having some issues with the template. Firstly, The template is not loading in any mobile browser. The loading spinner doesn’t goes away. No page is loaded. In chrome development I can see the following errors 1. Uncaught SyntaxError: Unexpected token < library.dll.js 2. patch.dev.js:141 React Hot Loader: this component is not accepted by Hot Loader. Please check is it extracted as a top level class, a function or a variable. Click below to reveal the source location: ƒ ShouldUpdate() { return _Component.apply(this, arguments) || this; }

8 warnings as shown above.

3.Warning: Expected server HTML to contain a matching in . printWarning @ warning.js:33 warning @ warning.js:57 warnForInsertedHydratedElement$1 @ react-dom.development.js:8039 didNotFindHydratableInstance @ react-dom.development.js:8741 insertNonHydratedInstance @ react-dom.development.js:12805 tryToClaimNextHydratableInstance @ react-dom.development.js:12868 updateHostComponent @ react-dom.development.js:13291 beginWork @ react-dom.development.js:13829 performUnitOfWork @ react-dom.development.js:15864 workLoop @ react-dom.development.js:15903 renderRoot @ react-dom.development.js:15943 performWorkOnRoot @ react-dom.development.js:16561 performWork @ react-dom.development.js:16483 performSyncWork @ react-dom.development.js:16455 requestWork @ react-dom.development.js:16355 scheduleWork$1 @ react-dom.development.js:16219 scheduleRootUpdate @ react-dom.development.js:16786 updateContainerAtExpirationTime @ react-dom.development.js:16813 updateContainer @ react-dom.development.js:16840 ReactRoot.render @ react-dom.development.js:17123 (anonymous) @ react-dom.development.js:17263 unbatchedUpdates @ react-dom.development.js:16680 legacyRenderSubtreeIntoContainer @ react-dom.development.js:17259 hydrate @ react-dom.development.js:17315 renderApp @ index.js:55 (anonymous) @ index.js:62 ./src/client/index.js @ main.a1c3477f48d3cd614923.js:21707 webpack_require @ main.a1c3477f48d3cd614923.js:725 fn @ main.a1c3477f48d3cd614923.js:102 (anonymous) @ client:3 0 @ main.a1c3477f48d3cd614923.js:21751 webpack_require @ main.a1c3477f48d3cd614923.js:725 (anonymous) @ main.a1c3477f48d3cd614923.js:792 (anonymous) @ main.a1c3477f48d3cd614923.js:795 index.js:72 Server-side React render was discarded.

Hi anterbox,

Thanks for purchasing,

We going to help issue that you find one by one bellow:

1. Mobile issue: Please try to load it without an iframe (such as themeforest preview iframe or some injected js like ads). Because sometime it make javascript loading slower.

2. Warning Unexpected token < library.dll.js: You can remove

<script src="/library/library.dll.js" /> 
in src/server/SSR/html.js. And we will cleanup this unused script in next update.

3. Warning React Hot Loader: This warning related to continuously load UI theme when you’ve made changes. You can remove this warning in src/components/App/App.js. Then move

const theme = createMuiTheme(ThemePallete[color]);
to initial-state
this.state = {
     theme: createMuiTheme(applicationTheme(props.color))
 };

But with this you cannot change themes directly, so need to change the themes manually from source code in src/app/redux/modules/ui.js (see docs for detail).

4. Warning: Expected server HTML to contain a matching in: It related SSR feature and this happen in development mode only. When in production it will not show.

Hope the answers can help. Your feedback is very help for us to make this template better.

Please let us know if you have any further query.

Kind regards Boss Ultimate Team.

New Update Version 1.2.1

  - Fix: HMR conflicted with MUI withStyles Issue
  - Docs: Add optimization section

Hi, does this come with layered psd files to be able to mock up our own pages before development?

Hi wentzelduplessis,

This template is not include design (photoshop/sketch). This fully built with javascript (react.js).

Kind regards Boss Ultimate Team.

Thanks for the prompt response! Not a deal breaker, I am pretty sure we will be purchasing a license soon :)

Your welcome wentzelduplessis :D

Please let us know if you have any further query.

Kind regards Boss Ultimate Team.

Looks really awaseome, there is any way that i cant purchase it on html?

I would like to know once you have it done on html thx.

Hi machima48,

Sorry for inconvenience,

That problem seems from Material-UI 3rd party vendor, there’s error in withStyles function. We’ll try to update/adjust Material-UI to the another version and then we’ll make hotfix for this issue as soon as posible.

Please Let us know if you have any further query.

Kind regards Boss Ultimate Team.

Hello again machima48,

For that issue please kindly downgrade react-hot-loader to version 3.1.3 by run this command “npm install react-hot-loader@3.1.3—save-dev”.

We just fix this issue in next upcoming update Boss Ultimate version 1.2.1. Once the update approved by reviewer you’ll be notified.

Please let us know if you have any further query.

Kind regards Boss Ultimate Team.

New Update version 1.2:

- Chore: Upgrade Webpack to version 4.16.4
- Chore: Upgrade react router to version 4.3.1
- Chore: Update Material Icon to 2.0.0
- Chore: Optimize starting project with Happypack and Webpack DLL bundles
- Feature: Implemented code splitting

Hi all! Hi have trouble with install. I made npm install and the npm run dev, but this is what appears to me:

Failed to load ./.env. Webpack is watching the files… Failed to load ./.env. Webpack development server listening on port 3001 > Boss-Ultimate@1.1.0 dev:server:start C:\Users\fsartori\Documents\DOTNET CORE\FRONTEND\BossTemplate > concurrent—kill-others “nodemon ./src/server/start.js—exec babel-node—watch ./static” 0 1.18.3 0 to restart at any time, enter `rs` 0 watching: C:\Users\fsartori\Documents\DOTNET CORE\FRONTEND\BossTemplate\static/*/ 0 starting `babel-node ./src/server/start.js` [0] Failed to load ./.env. [0] (“C:\Users\fsartori\Documents\DOTNET CORE\FRONTEND\BossTemplate\static\server\server.js” not found)

Hi bobo8488,

Thanks for the feedback.

Actually that’s just a warning about dependencies of modules. By default it will not affected to feature in this template. Let us give some info about that message.

- “npm WARN Boss-Ultimate@1.1.0 No repository field”: It mean the project not in repository. And we’re not include repositories detail in this purchase item. If you prefer to use repository just add repository name in package.json. i.e: “repository”: { “type”: “git”, “url”: “git://github.com/username/repository.git” }

- “UNMET PEER DEPENDENCY jquery@>=1.8.0”: There’s dependencies slick-carousel, which has feature require jquery. But we no use jquery at all and also not activate that feature. But if you want activate that feature, you can install jquery as well

- “SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {os“} (current: {os“})”P: it just a warning because run in platform not Mac OS. The fsevents it self use for register notifications of changes to a given directory tree in Mac OS

For other warning some of dependencies need another dependencies too, maybe once you install them, there’s some changes from the 3rd party vendor so probably it will make a warning to another dependencies.

Please Let us know if you have any further query.

Kind regards Boss Ultimate Team.

Hi all, I tried to install the new template from scratch. But after npm install and npm run dev, i get this

Failed to load ./.env. C:\ReactProjects\boss-ultimate\node_modules\webpack-cli\bin\cli.js:244 throw err; ^

Error: Cannot find module ’./../static/library/library.json’ at Function.Module._resolveFilename (module.js:547:15) at Function.Module._load (module.js:474:25) at Module.require (module.js:596:17) at require (C:\ReactProjects\boss-ultimate\node_modules\v8-compile-cache\v8-compile-cache.js:159:20) at Object.<anonymous> (C:/ReactProjects/boss-ultimate/webpack/webpack.config.js:115:17) at Module._compile (C:\ReactProjects\boss-ultimate\node_modules\v8-compile-cache\v8-compile-cache.js:178:30) at loader (C:\ReactProjects\boss-ultimate\node_modules\babel-register\lib\node.js:144:5) at Object.require.extensions.(anonymous function) [as .js] (C:\ReactProjects\boss-ultimate\node_modules\babel-register\lib\node.js:154:7) at Module.load (module.js:565:32) at tryModuleLoad (module.js:505:12) at Function.Module._load (module.js:497:3) at Module.require (module.js:596:17) at require (C:\ReactProjects\boss-ultimate\node_modules\v8-compile-cache\v8-compile-cache.js:159:20) at Object.<anonymous> (C:/ReactProjects/boss-ultimate/webpack/webpack.config.server.js:3:1) at Module._compile (C:\ReactProjects\boss-ultimate\node_modules\v8-compile-cache\v8-compile-cache.js:178:30) at loader (C:\ReactProjects\boss-ultimate\node_modules\babel-register\lib\node.js:144:5) at Object.require.extensions.(anonymous function) [as .js] (C:\ReactProjects\boss-ultimate\node_modules\babel-register\lib\node.js:154:7) at Module.load (module.js:565:32) at tryModuleLoad (module.js:505:12) at Function.Module._load (module.js:497:3) at Module.require (module.js:596:17) at require (C:\ReactProjects\boss-ultimate\node_modules\v8-compile-cache\v8-compile-cache.js:159:20) at Object.<anonymous> (C:/ReactProjects/boss-ultimate/webpack/webpack.config.server.development.babel.js:2:1) at Module._compile (C:\ReactProjects\boss-ultimate\node_modules\v8-compile-cache\v8-compile-cache.js:178:30) at loader (C:\ReactProjects\boss-ultimate\node_modules\babel-register\lib\node.js:144:5) at Object.require.extensions.(anonymous function) [as .js] (C:\ReactProjects\boss-ultimate\node_modules\babel-register\lib\node.js:154:7) at Module.load (module.js:565:32) at tryModuleLoad (module.js:505:12) at Function.Module._load (module.js:497:3) at Module.require (module.js:596:17) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! Boss-Material-Admin@1.0.0 dev:server:build: `webpack—config ./webpack/webpack.config.server.development.babel.js—watch—colors—display-error-details` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the Boss-Material-Admin@1.0.0 dev:server:build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\fabie\AppData\Roaming\npm-cache\_logs\2018-08-15T13_54_57_782Z-debug.log ERROR: “dev:server:build” exited with 1. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! Boss-Material-Admin@1.0.0 dev: `run-p dev:client:build dev:server:prepare dev:server:build dev:server:delay` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the Boss-Material-Admin@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\fabie\AppData\Roaming\npm-cache\_logs\2018-08-15T13_54_57_975Z-debug.log

Hi bobo8488

First time Bbfore run the project please run “npm run prestart” to buil 3rd party library. This step also already described in documentation so you can see through documentation for more information.

Please Let us know if you have any further query.

Kind regards Boss Ultimate Team.

The startup time either in Dev or Prod mode is really slow. How to speed up the startup time in Development?

Hi There,

Thanks for coming back. Even the starter project is also bit slow, here is the timing:

$ yarn start ... .. . Hash: ba2aba1159d6154b2df6 Version: webpack 3.12.0 Time: 49116ms

Regards, DGKM

Hi Team,

Thanks for your response.

We are using starter project and when we do npm run dev it takes more than 30 mins for 1st launch and we keep getting the following error. Any idea why this is?

[0] (”/Project/static/server/server.js” not found) [0] (waiting for the file to be generated; e.g. as a result of a Webpack build)

And also any guide on how to upgrade it to webpack 4 please?

Thanks, ITM Team

Hi dgkmurthy,

Thanks for the feddback

About this message [0] (”/Project/static/server/server.js” not found). It’s mean webpack still build server.js. Normally about 3-5 minutes then should can access the site. Or if your machine use SSD should be faster.

For webpack we’ve plan to upgrade to version 4. And for guides hope this link can help https://codeburst.io/migrating-to-webpack-4-today-d564b453a3ba But i think that’s need more adjustment in webpack.config and middleware.

Let me know please if you have any further query.

Kind regards Boss Ultimate Team.

I admire the beauty of this design and of course I am interested make use of this template in developing some admin sites soon. I do not know if you have an HTML version of this “Boss Ultimate”. If you do, please give me the link to place my order. Thank you

hi sminuwa,

For now we do not have it yet. Currently its a pure React Material UI based template.

Let me know please if you have any further query.

Kind regards Boss Ultimate Team.

Hi Ilham, Node: 9.10.1 OS: Mac 10.12.4 Starting the server locally takes a lot of time, more than 15 minutes now and it is displaying the following commnand: not found) (waiting for the file to be generated; e.g. as a result of a Webpack build)

Hi nevarev

Build time at beginning normaly around 5 minutes, or maybe less if use SSD. This message “waiting for the file to be generated.” mean the process collecting all js file then build it as one file.

Maybe you can try to hold or prevent other process that take much memory first.

Currently our team is working on performance optimization. And will be implemented for next update soon.

Let me know please if you have any further query.

Kind regards Boss Ultimate Team.

Hello, is this app was created using `create-react-app` ?

oohhi williamcabrera4,

This app not use create-react-app yet, it just build from scratch. Let me know please if you have any further query.

Kind regards Boss Ultimate Team.

Hello, I followed the documentation guidelines but the project is not running. It is showing an error. Need help.

hi lex_arno, may i know what the error message and what operating system you use?

Hi Ilham,

I like the design templates i plan to buy the this templates, If i buy the templates what are things you provided it to me like (Source code, etc.,)

Amazing Work, Good Luck With Sale

Hi, sakthiselva

Thank you, we are very flattered. Yup you will get full source code (javascript, html, scss), sample front end apps (chat, ecommerce, mail, social, etc ), documentation, code preview and item support for 6 month. For item support detail you can follow this link:

https://themeforest.net/item/boss-ultimate-react-redux-material-admin-template/22286397/support. Let me know please if you have any further query.

Kind regards Boss Ultimate Team.

Sir , can buy this template to use my application which i gonna develop ERP application and upload codecanyon , please give me a genuine answer .

hi kushalkhadkaa, after you buy this item, you can modify to be anything you need. And then for upload to codecanyon or other marketplace, you have to buy as extended licence.

This is a reference link about envato licence https://themeforest.net/licenses/standard

Let me know please if you have any further query.

Kind regards Boss Ultimate Team.

Congratulations!

Amazing Work, Good Luck With Sale :grin:

thank u so much

Amazing Work, Good Luck With Sale, Follow me too :)

thanks, udah ane folow gan

Very Good , I like it

thank you :)

Nice… have a html version?

Thanks buddy, for html I don’t have it, react.js only right now :)

thank you :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey