Hi mela6689,

For installation and deployment is in documentation already.

This template use 2 main framework, react-boilerplate to handle server and backend, and material-ui to handle ui and ux. Here’s the guide docs:

- https://material-ui.com/

- https://github.com/react-boilerplate/react-boilerplate/tree/master/docs

And for the react tutorial itself https://www.w3schools.com/react/

Feel free if you have any further queries.

Kind regards.

Hi Tim,

Don’t worry about that message, because this isn’t an issue. Actually it’s not an error just a meaningless log message So just ignore it. The template will run properly in production mode.

This template is using react-boilerplate as framework, and by default this message also show once finish build.

Feel free if you have any further queries.

Kind regards.

fixed, please ignore the comment

Hi SBR_Spring,

About that warning, you have to add unique key in every looping render. In other words you need unique id attribute from the data and put in key prop like this

{data.map(item => {
  <TableRow key={item.id}>
    {item.name}
  </TableRow>
})}

or with sequential index

{data.map((item, index) => {
  <TableRow key={index.toString()}>
    {item.name}
  </TableRow>
})}

And about updated data, might need parameter when call the function, so please try to write like this

updateState = (param) => {
  this.setState({data: param})
}
<Button onClick={() => this.updateState(param)}>Update</Button>

Hope this can help.

Kind regards.

How to install the template files and run it locally?

Do you have any tutorial documents for the beginners?

Hi jennywang2k16

For fonts family, this template is using ‘Open Sans’. Which is embedded from google fonts. You can check in here /app/index.html and get from here https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans

For documentation and installation instruction is already in this product. Or you can see online here https://ilhammeidi.github.io/dandelion-docs/

And also here’s the react js tutorial for beginners https://www.w3schools.com/react/

Have a nice day and kind regards.

Hi jjdelacruzc,

Thanks for purchasing.

For HTML version unfortunately we don’t have it. So it’s only for react.js and node.js. To work with asp.net can use https://reactjs.net/ or create separated apps, that is .net for API and react.js for the front-end part.

Feel free if you have any further queries.

Kind regards.

Hi SBR_Spring,

For components we use absolute path with alias ‘dan-components’. So you need to register the component first (AdvTable) in starter-porject/ /app/components/index.js like this

export AdvTable from './Tables/AdvTable';

After that you can import { AdvTable } from ‘dan-components’ properly.

Hope this can help.

Regards.

Thank you^^

Hi gtijr,

Thanks for purchasing.

For MUI Datatables you can set the first page at index 0. Here’s the options config

const options = {
      page: 0
    };

return (
      <div classname="{classes.table}">
        <MUIDataTable
          options={options}
        />
      </div>
    );

Hope this can help. Feel free if you have any further queries.

Kind regrads.

thanks

Hi inder1l,

Thanks for visiting our portfolio.

This template is javascript with react.js and run under node.js server. For implementation with djanggo, we haven’t try it before. But we got some article how to combine them https://www.valentinog.com/blog/drf/

You can try it with dandelion starter project version here

Regards

done purchased love the design and user experience, can I also build the website front page using your theme , if yes is there any documentation or video explaining on how to build the website with this

Hi inder1l,

Thanks for purchasing.

For documentation is included in this template already. Or you can see the online version https://ilhammeidi.github.io/dandelion-docs/#

This template use 2 main framework, react-boilerplate to handle server and backend, and material-ui to handle ui and ux. Here’s the docs:

- https://material-ui.com/

- https://github.com/react-boilerplate/react-boilerplate/tree/master/docs

And for the react tutorial itself https://www.w3schools.com/react/

Feel free if you have any further queries.

Kind regards.

Hi waedBarakat,

Thanks for visiting our portfolio.

This template not implement redux-saga, just redux only. If you looking for redux-saga template, please take a look our other portfolio https://themeforest.net/item/enlite-prime-reactjs-fullstack-website-template/23803960

Kind regards

Hi SBR_Spring,

Thanks for purchasing.

- To disable ESlint automatic when do git commit is in /package.json Search "pre-commit": "lint:staged", Then remove it.
- Then for disable ESlint automatic in text-editor warning, just delete this file: .eslintrc and .eslintignore in project root path.

Hope this can help. Feel free if you have any further queries.

Kind regards.

Oh~ya I have disabled it. Thank you so much⁰

Hi SBR_Spring,

About those error is usually the state put inside constructor. So if the function want to set the state, need to bind the function first. i.e:

constructor(props) {
    super(props);
    this.state = {
      open: false
    };
    this.onDrop = this.onDrop.bind(this);
  }

onDrop() {
    this.setState({ open: true });
  }

Feel free if you have any further queries.

Kind regards.

I think the error at render() which I use “this.state”.

By the way~ At first, I wrote the same code into “starter-project”, I didn’t got Error…

How can I do?

Hi SBR_Spring,

About dynamic chart data, in starter-project is only using chart svg version (recharts). In this case, seem’s you made with html5 canvas version (react-chartjs-2).

So to update chart from dynamic need to add initialState in componentWillMount You can take a look in src/app/containers/Charts/demos/BarDynamic.js

And here’s the demo link http://dandelion.ux-maestro.com/app/charts/bar-direction-charts in section “Crazy Random Graph”

Hope this can help.

Kind regards.

Halo pradiktabagus,

Untuk menerima backend API adalah di dalam Component nya. Bisa menggunakan function componentDidMount() atau useEffect() https://medium.com/@ri7nz/3-cara-fetch-data-di-reactjs-aaa064ccf5e9

Kemudian isi dari folder /utils adalah bawaan framework yang kami gunakan yaitu react-boilerplate. Fungsinya untuk script scaffolding dan beberapa CLI command, berikut detailnya https://github.com/react-boilerplate/react-boilerplate/blob/master/docs/general/commands.md

Jangan ragu jika Anda memiliki pertanyaan lebih lanjut.

Terimakasih.

Hi sunuvar,

Thanks for reaching us.

For this template we’ve put a description about the framework that used. So we had to apologize, we cannot accept this refund. Here’s detail about refund policy https://themeforest.net/page/customer_refund_policy

We understand this template might not useful for you, But we believe this template will helpful one day for you or your’e team. Because reactjs is one of most popular web framework.

We will waiting for your’e follow up until next day before we decline it.

Thanks your’e understanding.

Hi,

I understand, but why should I keep a theme that I never use? I want to buy different HTML themes. If you look at my purchases, they are all HTML templates, not even one ReactJS template. Why punish me for a moment of inattention? Would you like to undermine our opportunity to work with you in the future? Think again before you decide. Thanks, sincerely.

Hi sunuvar,

Regarding refund request. Because it’s a digital product and this template has been downloaded, we had to say sorry, we cannot accept this refund.

In this case as Author, we are not obliged to give policy refunds in any of the situations listed in envato refund policy https://themeforest.net/page/customer_refund_policy

Thanks and regards.

Hi chaturadroid,

Thanks for purchasing.

Don’t worry for the errors when npm install or npm build:dll it’s warning messages because the webpack dll cannot go through inside those dependencies directory, some dependencies work for backend side (such as fs and moment module ) so that will not built in dll libraries.

You can continue to start the project by run npm start or npm run start:prod (if production) and should work properly.

If the program cannot running properly, please try to remove all module in node_modules/. Then install again with npm install.

FYI: The webpack dll itself use for optimizing building script. Here’s article about webpack dll https://medium.com/@emilycoco/how-to-use-the-dll-plugin-to-speed-up-your-webpack-build-dbf330d3b13c.

Feel free if you have any further queries.

Kind regards.

Hai pradiktabagus,

Terima kasih telah membeli produk kami.

Jangan khawatir untuk pesan wraning ketika npm install atau npm run build:dll. Itu adalah pesan peringatan karena dll webpack tidak bisa melalui di dalam direktori dependensi, beberapa dependensi bekerja untuk sisi backend (seperti modul fs dan moment) sehingga tidak akan dimasukan dalam reactBoilerplateDeps.

Anda bisa melanjutkan untuk memulai project dan seharusnya semua berjalan dengan baik.

webpack dll sendiri digunakan untuk mengoptimalkan prosess start project. Berikut artikel tentang webpack dll. Https://medium.com/@emilycoco/how-to-use-the-dll-plugin-to-speed-up-your-webpack-build-dbf330d3b13c

Jangan ragu jika Anda memiliki pertanyaan lebih lanjut.

Salam Hormat.

Halo Naufan,

Terimakasih telah membeli produk kami dan juga apresasinya

Salam.

Halo Mas Ilham,,

for next development I do suggest to add support for mini sidebar drawer for mobile,, for now mini sidebar only work for desktop mode and it will collapse in mobile view,.. It would be nice if you have it on your theme,..

Salam,. Semangat

Hi Naufan,

Terimakasih atas dukungan dan sarannya. Kami akan pertimbangkan untuk penerapan kedepannya.

Salam.

Hi codyng10,

Thanks for visiting our portfolio.

Unfortunately this template is not support for all version of Internet Explorer.

Regards.

Hi shazzak,

You try by use ServiceWorker configuration, it might can handle this issue https://github.com/NekR/offline-plugin/blob/master/docs/updates.md

The configuration of offline-plugin is in /internals/webpack/webpack.prod.babel.js

Regards.

nothing helps till now much. Still i have to do a hard reload to view the changes

Hi Shazzak,

I’m not sure why this happens, and still struggling to find a solution. FYI: In our demo page we use nginx without https and no need to hard reload if there is any updates.

But after we analyze the script, every built result has a different hash code and called in index.html. You can try to uncache the index.html only. Here’s an article to guide by using nginx https://www.zeolearn.com/magazine/setting-caching-headers-for-a-spa-in-nginx-cache

Hope this can help.

Regards

Hello again Tim,

And yes, we make an exception in dashboards for breadcrumbs. Because it looking good if doesn’t. But it can be configurable in /app/containers/Templates/Dashboard.js

const titleException = ['/app', '/app/crm-dashboard', '/app/crypto-dashboard'];

Just add/remove another url in titleException

Feel free if you have any further queries.

Kind regards.