443 comments found.
How do I port the template from redux-saga to redux-thunk?
Hi aces2faces,
Thanks for purchasing.
This template use React-Boilerplate, which is use redux-saga configuration as default. If you wan’t to use redux-thunk, you need to remove the redux-saga config first. Please follow this docs https://github.com/react-boilerplate/react-boilerplate/blob/master/docs/js/remove.md#removing-redux-saga
And then integrate redux-thunk configuration. Do that in app/redux/configureStore.js, and that’s it.
Hope this can help. Feel free if You have any further queries.
Kind regards.
Hi,
I’m importing the template myself into my already existing react-boilerplate app and I’ve got some issues with the SASS selections.
The code is: ‘& > $title:first-child’ However, this does not work for me under node-sass 4.12.0 and NodeJS 12.3.1 and I expect this to be the case with other $... selectors.
I’ve found ‘& > #{title}:first-child’ to be working and providing the desired result.
Am I missing something in webpack/babel for this, or do I need to convert all the $ selections to #{...}
Actually, That #{title} seems to inject it everywhere causing loads of issues, still looking for a fix.
The issue is that my sidebar title is a loose component and not merged with the sidebar. During sass processing, the prefix and ending number mismatches with the category. Is there any way I can fix this without merging the components?
Hi metrotyranno,
Thanks for purchasing.
The $... selectors is not sass syntax, it’s a jss selectors. The jss is default styling from material ui withStyles . And loaded as js type in webpack.
You can still use sass/scss as ussual by import yourscss from './yourscss.scss' or for global usage import './yourscss.scss'
About fix styling without merging component, we suggest to add specify class to the children element, then add a new dedicated class (not descended from parent) in jss. Because jss can’t read children in parent if has separated files.
Hope this can help. Feel free if you have any further queries.
Kind regards.
Hi,
We are looking for a React 16.8 Admin Template for our company. I can not find a documentation URL. Because of new release about Hooks and Context API, we’d not plan to go on with Redux.
I’ve already looked to folder structure. I am trying to understand, which states are connected to Redux Store. How much time do we need to refactor it?
Do you plan to update this template with new API’s ?
Thanks
Hi UkioTachibana,
Thanks for visiting my portfolio,
Here’s the documentation URL for code structure: https://ilhammeidi.github.io/dandelion-docs/#code_basic You can check in diagram Template Architecture slide 3
And we have plan to update by use react hooks for some module, but will keep the redux, because some people still using redux today.
We’re not sure about how much time to refactor to hooks, because we’re still researching how to implement in this template.
Kind regards.
Hi,
The reducers file seems to be missing, causing errors with containers generated by the built-in generator.
ERROR in ./app/utils/reducerInjectors.js Module not found: Error: Can’t resolve ’../reducers’ in ’..hidden..\app\utils’ @ ./app/utils/reducerInjectors.js 4:0-40 13:25-38 @ ./app/utils/injectReducer.js @ ./app/containers/SocketContainer/index.js
Hi metrotyranno.
Sorry for the inconveniences.
in/app/utils/reducerInjectors.js please call the reducer from redux folder like this
import createReducer from '../redux/reducers';
We will create hotfix for this, and update it today.
Feel free if You have any further queries.
Regards and thanks for the report.
Which babel plugin is providing the dan-components and dan-api based imports?
Hi metrotyranno,
Thanks for purchasing,
The dan-components and dan-ap is webpack alias setting in /internals/webpack/webpack.base.babel.js
alias: {
'dan-components': path.resolve(__dirname, '../../app/components/'),
'dan-actions': path.resolve(__dirname, '../../app/actions/'),
'dan-styles': path.resolve(__dirname, '../../app/styles/components/'),
'dan-api': path.resolve(__dirname, '../../app/api/'),
'dan-images': path.resolve(__dirname, '../../public/images/'),
'dan-vendor': path.resolve(__dirname, '../../node_modules/'),
}
Feel free if You have any further queries.
Kind regards.
Hi. Do you have the file in a GIT repository?
Hi gulhaper,
Thanks for purchasing.
Yes, our internal team manage this project in private GIT repository.
Hello mas ilhammeidi,
ini saya ngecek di console browser, ada pesan error pada fab style, apa yang harus di update supaya ndak ada pesan error ?
Warning: Failed prop type: The `fab` variant will be removed in the next major release. The `<Fab>` component is equivalent and should be used instead. in Button (created by WithStyles(Button)) in WithStyles(Button) (created by TemplateSettings) in div (created by TemplateSettings) in aside (created by TemplateSettings) in TemplateSettings (created by WithStyles(TemplateSettings)) in WithStyles(TemplateSettings) (created by ThemeWrapper) in div (created by ThemeWrapper) in MuiThemeProviderOld (created by ThemeWrapper) in ThemeWrapper (created by Connect(ThemeWrapper)) in Connect(ThemeWrapper) (created by WithStyles(Connect(ThemeWrapper))) in WithStyles(Connect(ThemeWrapper)) (created by WithTheme(WithStyles(Connect(ThemeWrapper)))) in WithTheme(WithStyles(Connect(ThemeWrapper))) (created by App) in App in Router (created by ConnectedRouter) in ConnectedRouter (created by Connect(ConnectedRouter)) in Connect(ConnectedRouter) in IntlProvider (created by LanguageProvider) in LanguageProvider (created by Connect(LanguageProvider)) in Connect(LanguageProvider) in Provider
Hi FixSoft,
Untuk menghilangkan pesan warning tersebut silahkan update material versi 3.9.3
// with npm npm install @material-ui/core // with yarn yarn add @material-ui/core
Kemudian semua code <Button variant-"fab"> menjadi <Fab />. Dan jangan lupa import Fab componentnya import Fab from '@material-ui/core/Fab';
Salam.
Terima kasih mas untuk jawabannya, kemudian themenya ini terasa lambat dan berat kira2 apa ada yang perlu di update ?
pertanyaan ke dua setelah saya instal context menu muncul pesan Can’t resolve ‘react-hot-loader, apa ada masalah dengan hot loadernya ?
Hallo FixSoft,
Untuk performance kami telah melakukan update di Version 1.3.2 – 9 Mar, 2019. Yaitu optimasi page scrolling, silahkan dicheck di changelog detail template ini. Bila masih terasa berat kami menyarankan untuk mengurangi jumlah components per page atau uninstall package yang tidak diperlukan.
Kemudian untuk “pesan Can’t resolve ‘react-hot-loader” adalah package react-hot-loader belum terinstal, Dan di template ini kami tidak menggunakan package react-hot-loader. Mungkin itu dependencies dari “instal context menu “
Semoga bisa membantu.
Salam.
Terima kasih jawabannya sangat membantu, kemudian. Kira2 kenapa untuk browser firefox selalu muncul log The connection to http://localhost:3000/__webpack_hmr was interrupted while the page was loading.?
Hi FixSoft,
Untuk issue tersebut kemungkinan jika anda menggunakan module socket.io. Silahka coba update socket.io module ke versi terbaru.
Berikut link forum mengenai issue tersebut: https://github.com/socketio/socket.io/issues/2016
Semoga membantu.
Salam.
Hi,
You’ve promised in the description that you’ll provide sketch files for free, but the ones in the archive ar pretty limited, and does not reflect the whole product.
Do you have some more complete files ? I really need that as i’ve bought the template thinking that I could work directly with your provided sketch files, which is currently not the case.
Thanks,
Sylvain
Hi Sylvain,
Sorry for the inconveniences. For sketch files unfortunately that’s all we have right now. Since we’re focus on React.js web template. We only put the most used components/symbols in the website.
We’ve plan to add more ui components and pages, but not in short future, might on this end of year.
Feel free if You have any further queries.
Kind regards.
Ok, so what’s the benefit to buy it instead of retreve your github version ? I don’t see it ? I’ve hoped you’re provided a more complete bundle, but i’ve probably missed something ?
Hi Sylvain,
Dandelion Pro version has more complete than Dandelion Starter.
With pro version you will get:
- More components like widget, profile, calendar, contact, etc
- More sample pages: Landing page, Blog, 3 variant dashboard, Setting, etc
- Sample CRUD apps Calendar, E-commerce, Email, Table Edit, etc
- Icon collections.
- 6 month technical support
- Most priority update
Feel free if You have any further queries.
Kind regards.
Ok, but I don’t have what’s in the item description (or a partial version of the product), could you please refund ?
Hi Sylvain,
We’re sorry that you’re having trouble. Could you tell us exactly what is missing in the item description? We will help you to resolve it.
Kind regards.
Hi, I need the missing pages and objects who are not provided on the sketch file, and provided on the templates, like the cryptocurrencies files (but I just want what I’ve paid for, not to have to check if everything is on the file, that’s not the deal).
So if you’re not able to sketch everything that’s in the provided code, please refund, that’s not a big deal, I’ll search for another template to do what I need, I just don’t wan’t to have paid for something I can’t use.
Regards.
Hi Sylvain,
Thanks for the feedback.
And sorry for the misunderstanding about dandelion pro version. What we mean is the feature of reactjs/site template not sketch files. Which is appropriate with this item category (Site Templates > Admin Templates).
But we will try to add some components and pages in free sketch file part by part in next updates on next month as our milestone schedule.
We will always open for feedback and evaluation, to make this product better.
Kind Regards.
As you’re unable to provide item as described, please refund.
Hi Sylvain,
We have re-check between template features and description, and everything is correct. Could you please which point in description that missing?
Or it still about sketch files? Actually this item is website template with react.js, so the described feature is belong to website template. If your’e looking for sketch files, can found in UI Design category here https://themeforest.net/category/sketch-templates
Kind Regards.
I need to handle the asynchronous request, for that, I used redux-saga but am not able to dispatch actions using connect, I was hoping you would guide me through this
Hi utkrista,
Thanks for purchasing.
In redux-saga sometimes the errors not appear and the function not working also. It’s probably the data type/format is not correct. So please do debugging in every action and watch function. You can put the payload data in console.log to check data type/format.
And also this template use immutable.js so to get the data need get() or getIn() function. Here’s immutable interactive docs http://untangled.io/immutable-js-get-set-update-and-delete-data-from-maps/
Feel free if You have any further queries.
Kind regards.
Is an upgrade to React Boilerplate 4.0.0 expected anytime soon?
Hi metrotyranno,
Thanks for purchasing.
Yes we will upgrade to React Boilerplate v4.0.0 on next month.
Kind regards.
Hi, I do a wrong buying. Could you refund this please? Thank you best regards Steph
Hi stephonenvato,
Rgarding your’e request, we had to say sorry, we cannot refund that purchase. The reasons is in terms of refund guide https://themeforest.net/page/customer_refund_policy
We believe in next time this template will helpful, because react.js is one of popular web technology right now. And we will support you to use this templates.
Thanks and regards.
another question? Is it for wordpress? If not, i can’t use it. Could you cancel my buying? Thanks…
Hi stephonenvato,
Regarding your’e request, we had to say sorry, we cannot cancel that. We have put a note in this template details “NOTE: This is a React.js template. It’s built on Material-UI library. It will not work the Wordpress/PHP nor will it work as a static HTML template.”. Here’s the terms of refund guide https://themeforest.net/page/customer_refund_policy
But we will support you to use this templates, like reactjs tutorial, documentation, and etc. You can raise technical questions in comments or contact me via my profile.
Kind regards
Hi, I bought this theme and want to try it. But how can I install this??? Greetings Steph
Hi stephonenvato,
Thanks for purchasing,
For installation has described in documentation. And here’s the main points:
1. Install node.js. Can get it from here https://nodejs.org/en/
2. Go to your file project (where you’ve unzipped the product)
3. npm install to install dependency modules
4. npm run build:dll if necesary
5. npmr start to start the templates
6. Then Navigate to http://localhost:3000 in browser
Kind regards.
Hi,
May I ask if this template consists of any module that supports HTTPS when I start the project?
Thank you!
Hi bernicecpz,
Https setup can do from express.js in server /server/index.js
Please generate server.key and server.cert first. Here’s a sample article https://timonweb.com/posts/running-expressjs-server-over-https/
Feel free if you have any further queries.
Kind Regards.
Hi ilhammeidi,
i am using the Dynamic invoice. How can I disable all the editing of every cell? I just want to show the details without allowing user to edit or update the invoice. How can I do it?
Thanks
Hi bernicecpz,
Basically all editable fields in Dynamic Invoice are input and textarea. So just add disabled attribute to make them as read only.
Kind regards.
Hi Author,
For e.g. I have 5 checkboxes, and I would like the unchecked box to pass false value when I submit the redux form.
Where or how do I change the code to submit false value if the checkbox is not ticked?
Thanks
Hi bernicecpz,
To submit false value, need to put initial value of the checkboxes as false. Because the default value of checkboxes, radios or other inputs are null.
Hope this can help. Feel free if you have any further queries.
Kind Regards.
Hi,
I would like your advise on the calendar component. I understand that the essential files are the index.js (which populate the event data in api) EventCalendar.js where it shows the dates of event, DetailEvent.js where it shows the detail information of event.
Currently i am able to retrieve the data from the web service, display it on the Event Calendar. However when i click on the individual event, it is not able to display the detailed information.
how can i populated the data into the individual event using the DetailEvent.js file?
The following is an example of my data: { “title”: “Alice Tan”, “allDay”: true, “start”: “Tue Apr 09 2019 00:00:00 GMT+0800 ”, “end”: “Fri Apr 12 2019 00:00:00 GMT+0800 ”, “roomNumber”: “0”, “roomType”: “SUR”, “roomStatus”: “MANUAL”, “hexColor”: “FF5722” },
Thank you for taking the time to address my concern and hope to hear from you soon.
Hi bernicecpz,
The individual event is as event props. To populate it please use:
Title: event.title Date: – getDate(event.start) – getTime(event.start) – getDate(event.end) – getTime(event.end)
Hope this can help.
Kind Regards.
bagaiaman cara running dengan pm2, karena ini pakai cross-env NODE_ENV=development node server bukan react-scripts
Hi FixSoft,
Untuk penggunaan pm2 sudah dijelaskan dalam document pada section deployment.
If you want run it in background you may try PM2 https://www.npmjs.com/package/pm2. Then run this command:
node node_modules/.bin/cross-env NODE_ENV=production pm2 start server
Salam.
saya sudah mencoba tapi keluar ini, gimana caranya ?
PS C:\starter-project> node node_modules/.bin/cross-env NODE_ENV=production pm2 start server C:\starter-project\node_modules\.bin\cross-env:2 basedir=$(dirname ”$(echo ”$0” | sed -e ’s,\\,/,g’)”) ^^^
SyntaxError: missing ) after argument list at new Script (vm.js:84:7) at createScript (vm.js:264:10) at Object.runInThisContext (vm.js:312:10) at Module._compile (internal/modules/cjs/loader.js:684:28) at Object.Module._extensions..js (internal/modules/cjs/loader.js:732:10) at Module.load (internal/modules/cjs/loader.js:620:32) at tryModuleLoad (internal/modules/cjs/loader.js:560:12) at Function.Module._load (internal/modules/cjs/loader.js:552:3) at Function.Module.runMain (internal/modules/cjs/loader.js:774:12) at executeUserCode (internal/bootstrap/node.js:342:17)
Hi FixSoft,
Silahkan coba hapus node_modules, kemudian install ulang templatenya. Jika masih belum bisa kemungkinan perintah tersebut hanya bisa berjalan di system Linux atau Mac, karena pada umumnya server menggunakan linux.
Salam.
Hi i am using crudtableform for one of my page in that 1. how do i map an object from an array to the column Eg: my object is
i want to map company name and user name to the table in the given format tableheader: [ { name: ‘id’, label: ‘ID’, initialValue: ’’, width: ‘auto’, hidden: true }, { name: ‘name’, label: ‘Name’, initialValue: null, width: ‘auto’, hidden: false }, ] 2. I want to show the roles, in the table how do i do that. 3. In the crud form i want the role ad coma separated textarea, how do i map that.
Hi tritrix
Here’s the questions belloq:
1. The edit-table column has designed to get attribute from first child only. So about you’re format, might need to collect the attribute into a new variable first.
export const dataApi = [
company: data.company.name
user: data.user.name
]
2. To show role can be like this
const anchorTable = [
{
name: 'role',
label: 'role',
initialValue: '',
hidden: false
},
]
const dataApi = [
{
id: '1',
role: :["user", "admin"]
edited: false,
}
]
3. To render array in text area can need to convert to string first
const role= ["user", "admin", "apple", "mango"];
role.toString();
Each items will be separated with coma automatically.
Hope this can help. Feel free if you have any further queries.
Kind Regards.
1. i got it you cannot map a child to the table, but should i create a whole new dataAPI from my json response?? 2. am getting the data from an API so when i give the name role its printing List [ “user”, “admin” ] in the table for me i understand if i give direct to the dataApi it might show but where will i manipulate the dataset coming from the api, 3. similar to the above when i click edit in the table where will i manipulate the data before showing it in the field??
but if i edit the data set coming from the api and give it to the table, while clicking edit it will try to compare with my initial value(becoz we pass the dataset and the mapped key name as an array) that store in the redux state where company_name come inside the company object and cannot map the value. how will i convert a map or list object to a normal object?
hi bro how to get an array object in a component movieList: state.getIn([‘admin’, ‘movieList’]) will get the list of movies but if i return a normal object from reducer how do i get it ?? return { ...state, movieList: action.data };
Hi tritrix,
Here’s our answers bellow:
1. You can create new variable to collect the data in local, so no need create new api.
2. The data manipulation can put in reducer. \app\redux\modules\crudTableForm.js which dataTable: List([]) is collected data.
3. This part is in reducer also \app\redux\modules\crudTableForm.js in case case `${branch}/${EDIT_ROW_FORM}`:
4. To convert it can use immutable.js fuction toJS listObj.toJS()
5. To get movieList in component can call state.admin.movieList
Hope this can help.
Kind Regards.
your project have a common problem with ‘redux-form’.... specifically with LoginForm….. check: https://github.com/erikras/redux-form/issues/621
Hi asg_borges,
Thanks for purchasing and the info. We will check the issue.
Kind regards.