427 comments found.
Hey!
Thank you for developing a great template for me to use.
I’m not entirely new to React but I’m not that confident with Redux right now and am using your template to help me learn.
Could you help me in understanding how I would implement Googl’e Cloud Firestore with react-redux-firebase package? If this isn’t covered by your support then that’s cool, but I’m having a hard time understanding how to fit it into the reducers and actions and understanding what to put in the store.js wrt to the initialState variable.
Thanks!
Lee
Hello!
It`s not covered by our support, but we want to help anyway! First of all, you better start with learning what redux is and what it is for (without firebase). There are some good materials, should be enough: https://redux.js.org/ To begin with – modify App.jsx file where the store is located. Then check the code for theme switching (where connect is used). Then you need to do the same thing where ever you want to get firebase functionality, but instead of “connect” from redux, use “withFirebase” from react-redux-firebase.
The rest of development should be done according to docs, it would more productive: https://github.com/prescottprue/react-redux-firebaseBest regards, Aspirity
Hello, I received an email letting me that there was an update on September 25. Are there any release notes on what changed with this update? Thanks!
Hello!
You always can find the actual changelog on preview: http://previews.aspirity.com/easydev/documentation/changelog.
Best regards, Aspirity.
Hello, I have a slight doubt about the template versioning. The “version” key of the package.json is as “0.1.0” in the version I downloaded on 9/25/2018. Should not it be “1.3.6”? Thank you!
i am sorry, downloaded file wrong.
Hello!
Glad to hear you solved the problem.
Best regards, Aspirity
i have i proplem when i run “npm start” ./src/index.jsx Module build failed: Error: D:\react\server\node_modules\eslint-config-rallycoding\rules\react-a11y.js: Configuration for rule “jsx-a11y/href-no-hash” is invalid: Value “a” should be object.
Referenced from: D:\react\server\node_modules\eslint-config-rallycoding\index.js Referenced from: D:\react\server\.eslintrc at Array.forEach (<anonymous>) at Array.reduceRight (<anonymous>) at Array.reduceRight (<anonymous>)
sorry for my bad english
Hello!
It seems like the error comes from eslint code validation, it could happen if the eslint file was modified or you installed a new version of packages.
Try this: “npm i eslint-config-airbnb@16.1.0“
If the error still present, could you please provide us your package.json, package-lock.json, .eslintrc and failing jsx files to help you? You can write us via email product@aspirity.com.
Best regards, Aspirity.
This error occurred when I replaced the root directory with my project and it worked fine when I split it from my project. Thank you for the reply
Hello!
Glad to hear you solved the problem.
Best regars, Aspirity
Pretty happy so far with the theme. It’s well organized and easy to understand.
Seems like a lot of the packages should be in devDependencies instead of dependencies. Like all the babel and webpack plugins. Any reason they are needed in production?
Hello!
Sorry, we’ve used a react-create-app with eject in the beginning and forgot to move the dev packages (they going to dependencies by default). Thank you for the mention, we’ll fix it asap.
Best regards, Aspirity.
Hello.
Please I want to know if you can apply this theme to my actual backend and how much it will cost?
Hello!
Please, contact us via product@aspirity.com to discuss this question.
Best regards, Aspirity.
Hello, I’m attempting to build and deploy the easy dev application as is and I am running into a syntax error. Uncaught SyntaxError: Unexpected token < . I’ve been trying to debug and cannot locate the fix. After build and using the command: ‘serve -s build’, I see this error locally. I am attempting to build the template folder.
Hello!
Try to change “homepage” in package.json and “basename” of BrowserRouter in index.js
Best regards, Aspirity.
Which version of ReactJS is been using in this project?
Hello!
There is v16.5.1 of React.
Best regards, Aspirity.
Hi,
Can you please let me know if the package includes any design files for UI component libraries? I am a designer and would like to know if it comes with a Photoshop, sketch or a illustrator file?
Hello!
Yes, the template includes sketch files inside.
Best regards, Aspirity
I would like to use AWS Amplify-React Authenticator with EsayDev. After AWS Sign in , how to link to MainWrapper component instead of original LogInForm. Best regards
59186c17-43e0-48a5-87f1-c01fe540913d – 11 Sep 2018 REGULAR LICENSE
Hello!
We can’t understand the issue completely because we didn’t work with AWS. You can try to find the solution in react-router docs: i.e. in sections about Link or Redirect. If this problem doesn’t solve after that, please write more details here or via email.
Best regards, Aspirity.
Feature Request.
Can we get a rich text editor in forms with all the perks of redux form?
Hello!
You can find an example of using React Draft Wysiwyg in redux-form on Mail Application page. The file is in template/src/containers/mail/components/ComposeEmail.js. Go to http://previews.aspirity.com/easydev/mail and click “Compose” to see it on the demo page.
Best regards, Aspirity.
Ohh Correct. I missed it. Thank you.
I have found one problem there.
When you click on Cancel, rich text field does not get cleared, where as the other fields will be cleared. I will have to check the other meta fields such as dirty, pristine on rich text field though.
Hello!
Oh, we missed it. We’ll fix it ASAP in a couple of weeks. If you need help you can write here or via email.
Best regards, ASpirity.
Hi. Where and how do you use babel?
Hello!
Babel configuration could be found in package.json (babel section). A loader configuration for babel could be found in webpack.
Best regards, Aspirity
There are 5 items where we need help
1. The left navigation item is not highlighted when its chosen. Needs to be highlighted 2. The GRID component does not support export to excel as the TABLE did. Can this be supported 3. Column level searches are required. Can this be added 4. Pagination is not working when we search/filter. It starts working only when we exit search. Can we get help to fix this? 5. Records per Page drop down. We need help placing it properly on top of the grid. And make sure it works in combination with search and pagination
Hello!
1. We know about this problem and fixed it. We’ll update this template today with the solution.
2. We don’t support export tables to excel.
3. You can find filtering example here: http://adazzle.github.io/react-data-grid/#/examples/filterable-grid.
4. The template has only UI design and minimum logic. You need set up the pagination for your app by yourself.
5. Please, clarify the details.
Best regards, Aspirity.
First of all, Thank you. It is a wonderful theme.
I am facing an error while trying to perform the following sequence of action on template project. Could you please help me with this issue.
Sequence: Check out the docs > Logout > Sign In > Logout
Error(Production Build): TypeError: Cannot read property ‘removeChild’ of null at Object.destroy (Notification.js:172) at t.value (index.js:33) at Rn (react-dom.production.min.js:189) at Bn (react-dom.production.min.js:193) at fo (react-dom.production.min.js:217) at po (react-dom.production.min.js:212) at so (react-dom.production.min.js:211) at lo (react-dom.production.min.js:211) at wo (react-dom.production.min.js:223) at Ve (react-dom.production.min.js:89)
The error is actually from rc-notification module (node_modules/rc-notification/es/Notification.js:172) It is triggered from `src/containers/_layout/index.js:33`
Hello!
Thank you for reponse. We’ll fix these error in the next update. Just move ‘NotificationSystem.newInstance({}, (n) => notification = n);’ inside componentDidMount() in ./containers/_layout/index to fix it.
Best regards, Aspirity.
Could someone show me how to add redux-thunk middleware to the store?
Hello!
You can add thunk or any other middleware: in ‘template/src/app/store’, line 21 you should replace ’...(reducer)’ with ’...(reducer, applyMiddleware(thunk)’. Please notice, that after adding thunk you will have to update all existing actions accordingly.
Best regards, Aspirity.
Hi, could you please let explain how the chat works back-end? I don’t see anything about it in the documentation? Is it built to work with a specific NoSql DB provider? If you could document it that would help me understand if your template fits my needs. Thank you
Hello!
We are not using back-end system for chat, this template for front-end only. The chat contains hardcoded data as an example, so you have absolute freedom in logic realization.
Best regards, Aspirity.
Hi there, I just purchased and downloaded this template, but when I follow the installation instructions I only see a basic layout with two Example Pages. None of the dynamic content, charts, or different templates are present. Am I missing something?
Hello!
You can find two folders in main files: ‘seed’ and ‘template’. The first contains only base files to strart a new project and the second contains all other content which you can see on the preview site.
Best regards, Aspirity.
Totally missed that. Sorry!
Hi,
I recently purchased and installed using the seed folder. Once the app is loaded locally it shows a login screen and then constantly refreshes. No errors are showing up in the console.
Hello!
Can you give some more information? E.g, describe all the steps that you did to start the project. Did you change something? We need more details to reproduce this. Also, you can try to reinstall packages.
Best regards, Aspirity.
Hello, I have a problem with my template. The activeClassName of NavLink is not working properly. It only applies to the class when we open and close the category collapse. Can you help me with this?
Hello!
Thank you for report. We will take a look at this problem shortly and fix it within the next update.
Best regards, Aspirity.
Hello, first off, great template! I have a question about adding authentication. What is the recommended way to not allow users to see pages under the main page? I have a way to check my redux state but just wanted to ask where you would recommend to put the check before allowing them to see the main site.
Hello!
It`s the technical question and answer depends on a lot of circumstances. There are many solutions for this task, we would suggest to figure out it for your project, but as start point try this one: https://tylermcginnis.com/react-router-protected-routes-authentication/ In our projects we’re using something very similar to this solution and it seems suitable for most of the cases.
Best regards, Aspirity.
thanks for the reply! so would you recommend adding the PrivateRoute at this point:
<PrivateRoute path='/' component={wrappedRoutes}/>
Or is it needed at each of the child pages?
i’m still getting used to the nested routes and how they work vs. a normal one. do you have any helpful links that you recommend to learn these better?
We are using PrivateRoutes for every child component, but you can try to modify PrivateRoute to be used in nesting as well.
https://stackoverflow.com/questions/41474134/nested-routes-with-react-router-v4 there is a good and simple example in the first answer about nesting routes, in react-router v4 it became a little bit harder and not obvious. So, according to the first answer in the link above, u can put PrivateRouter logic inside “Topics” from example and all child routes would be considered as private, but you will have to upgrade your code a little bit.
Best regards, Aspirity.
thanks again for the feedback. i have it working using something similar to your first suggestion.
Great!
If our advice was helpful, please, rate the item support in your downloads list. We appreciate your feedback!
Best regards, Aspirity.