427 comments found.
is there a version compatible with typescript?
Hi,
Unfortunately, it is not compatible with typescript?
Best regards, Aspirity
hello. i have purchased the template. but i don’t wanna react file. only html5 file, (bootstrap)css file, images… is it possible?
please.. send me source file… gsk5787@gmail.com
Hi,
This is react app. We don’t have the html-version of the template.
Best regards, Aspirity
How can I remove the customizer safely without breaking the app?
Hi,
You need to remove ‘customizer’ folder from template/src/containers/App/, Costomizer component and its functions in the index.jsx in the same folder and its reducer and actions in template/src/redux/
Best regards, Aspirity
I just bought this theme and right after an npm install && npm start I get the following error in console:
index.js:1455 Warning: Failed prop type: Invalid prop `children` of type `array` supplied to `ScrollToTop`, expected a single ReactElement. in ScrollToTop (created by Route) in Route (created by withRouter(ScrollToTop)) in withRouter(ScrollToTop) (created by App) in Router (created by BrowserRouter) in BrowserRouter (at App.jsx:29) in App (created by HotExportedApp) in AppContainer (created by HotExportedApp) in HotExportedApp (at src/index.jsx:6)
Hi,
To resolve this issue just move the logic operation with ‘loaded’ before <Router/> in App.jsx.:
<ScrollToTop>
{!loaded &&
<svg className="load__icon">
<path fill="#4ce1b6" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" />
</svg>
}
<Router />
</ScrollToTop>
We’ll fix it in the next update.
Best regards, Aspirity
Hello, I’m a new developer and I would like to buy your easydev react template. But I have no idea abour how to build the app. I want to create a webmail assistant where my users after created account can add multi mailboxes using pop, imap, or add their gmail, yahoo, outlook etc accounts. it will be a unified inbox.
Could you help me ? How much it will cost ? is it possible to add later other functions like NOTEPAD where users can write and save data?
Regards
Hi,
You could find the instruction how to install and build here: http://previews.aspirity.com/easydev/documentation/installation.
Best regards, Aspirity
Dear author,
Here is my Purchase code: 2cd577aa-641c-4008-b07f-3c3e125a9629
I am facing a problem when I using the template.
The error message is: Warning: Failed prop type: Invalid prop `children` of type `array` supplied to `ScrollToTop`, expected a single ReactElement.
The App.jsx code:
import React, { Component } from ‘react’; import { I18nextProvider } from ‘react-i18next’; import i18next from ‘i18next’; import { hot } from ‘react-hot-loader’; import { BrowserRouter } from ‘react-router-dom’; import ‘bootstrap/dist/css/bootstrap.css’; import ’../../scss/app.scss’; import Router from ’./Router’; import ScrollToTop from ’./ScrollToTop’; import { config as i18nextConfig } from ’../../translations’;
i18next.init(i18nextConfig);
class App extends Component { constructor() { super(); this.state = { loading: true, loaded: false, }; } }
componentDidMount() {
window.addEventListener('load', () => {
this.setState({ loading: false });
setTimeout(() => this.setState({ loaded: true }), 500);
});
}
render() {
const { loaded, loading } = this.state;
return (
<BrowserRouter>
<I18nextProvider i18n={i18next}>
<ScrollToTop>
{!loaded &&
<svg className="load__icon">
<path fill="#4ce1b6" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" />
</svg>
}
<Router />
</ScrollToTop>
</I18nextProvider>
</BrowserRouter>
);
}
export default hot(module)(App);
ScrollToTop.jsx code:
import { PureComponent } from ‘react’; import { withRouter } from ‘react-router-dom’; import PropTypes from ‘prop-types’;
class ScrollToTop extends PureComponent { static propTypes = { location: PropTypes.shape({ pathname: PropTypes.string, }).isRequired, children: PropTypes.element.isRequired, }; }
componentDidUpdate(prevProps) {
if (this.props.location.pathname !== prevProps.location.pathname) {
window.scrollTo(0, 0);
}
}
render() {
return this.props.children;
}
export default withRouter(ScrollToTop);
How can I fixed this. My email: manchak02@gmail.com Thanks a lot.
Hi,
To resolve this issue just move the logic operation with ‘loaded’ before <Router/> in App.jsx.:
<ScrollToTop>
{!loaded &&
<svg className="load__icon">
<path fill="#4ce1b6" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" />
</svg>
}
<Router />
</ScrollToTop>
We’ll fix it in the next update.
Best regards, Aspirity
Hi, I am getting the following error each time I compile. What is the best way to remove the warning?
(node:18260) [ESLINT_LEGACY_OBJECT_REST_SPREAD] DeprecationWarning: The ‘parserOptions.ecmaFeatures.experimentalObjectRestSpread’ option is deprecated. Use ‘parserOptions.ec maVersion’ instead. (found in “node_modules\eslint-config-airbnb-base\index.js”) Compiled successfully!
Hello!
Sorry for the late answer — we were on holidays.
This deprecation warning means if you update airbnb you can get some troubles with it. If you want just remove this warning without editing the code you can just downgrade eslint to 4 version. It won’t affect your app.
Best regards, Aspirity
Okay thanks for the tips!
i used the Panel Component on easydev, but i realized that i dont have the example of panel with dropdown menu on its menu button on panel__btns class, is it possible to create a dropdown menu inside the class?
Hi!
You can add it only if you change the code of Panel component.
Best regards, Aspirity
hello, i can not open the sketech file.
Hi,
It’s so strange. Send us your email or write us on product@aspirity.com and we’ll send you the file.
Best regards, Aspirity
Hi,
I am discovering you admin template and i want disable error compilation when we have an unused declared variables or wrong indentation ….?
Can you tell us what we have to do please ?
Hi,
Just comment eslint in the webpack.dev.config.
Regards, Aspirity
thank you !
You are welcome!
If our advice was helpful, please, rate us with the stars:)
Best regards, Aspirity
Hi! My POST requests in the dashboard seemed to be wrapped by this mc.yandex.ru tracker. It appeared in both my chrome and firefox browsers and only for this theme and not other websites. I don’t feel comfortable knowing that the requests are tracked.
Why is this so? Is it because of certain packages? How can I remove it?
VM492:1 XHR finished loading: POST “https://mc.yandex.ru/watch/48874142?wmode=7&page-ref=http%3A%2F%2Flocalhost%3A3000%2Finsights%2Ftextanalytics&page-url=http%3A%2F%2Flocalhost%3A3000%2Finsights%2Ftextanalytics&charset=utf-8&browser-info=ti%3A10%3Ans…
Hi,
It seems like we forgot to delete react-yandex-metrika after the last update. Sorry for this. To remove it just delete the file ‘YM.jsx’ from ‘containers/App’ folder, and the component YM from containers/App/MainWrapper.jsx, and delete ‘react-yandex-metrika’ package from package.json.
Best regards, Aspirity
I see, thanks for clarifying
Good day! Could you migrate from “react-select”: “^1.2.1” to version 2?
Hi!
Unfortunately, we haven’t an opportunity to do it in the nearest future.
Best regards, Aspirity
Can I have the template pure html version, not in React ? thanks
Hi,
Unfortunately, we don’t have pure html version of the template.
Best regards, Aspirity
in ur Chat.jsx you are using react-smooth-scrollbar as <ScrollBar> but, im wondering. how do i do scrollToBottom whenever there is a new chat being pushed to the app
Hi,
Just rewrite the function like this:
onOpenChat = async (contact, e) => {
e.preventDefault();
const dialog = this.props.contacts.find(c => c.userName === contact).messages;
const messages = dialog || null;
await this.setState({
currentChat: contact,
currentMessages: messages,
openContacts: false,
});
const { scrollbar } = this.scroll;
scrollbar.update();
scrollbar.setPosition(0, scrollbar.limit.y);
};
And add ref to the scroll:
<Scrollbar className="scroll chat__scroll" ref={c => (this.scroll = c)} alwaysShowTracks>
Best regards, Aspirity
noted, thanks for the support
Great!
If our advice is useful, please, rate our support with the stars.
Best regards, Aspirity
I have created recently a create-react-app and i’d like to move all the seed/src folder and replace the src in my project, i haven’t done the npm run eject and i´m not pretty sure if i’m going to do so in a near future.
is it possible to move the seed/src to a current create-react-app project?
Hi,
Sure. You can move any files between projects. If you face some problems with it just write us and we’ll help you.
Best regards, Aspirity
Hi, when i run the command “npm install” on any directory of project, i got this error:
“Downloading binary from https://github.com/sass/node-sass/releases/download/v4.9.3/darwin-x64-67_binding.node Cannot download https://github.com/sass/node-sass/releases/download/v4.9.3/darwin-x64-67_binding.node>
HTTP error 404 Not Found”
So, whats the solution for this? I download the recent version of template.
Started using easydev template ,I have following queries : 1. npm run build/npm start taking nearly 5 mins to compile the whole project,is there any way i’m missing to reduce the compilation time ?
2.Due to build compilation taking hardly 4 mins . I have changed webpack config – eslint to throw only warning by adding {emitWarning:true} in rules. After above rule change, NPM start is not automatically compiling file if any changes present .need to do manually compilation.
Hello,
This template consists of many pages and components which results in such a long compile time. However you don’t need to re-start app after every change, we have hot-loaders inside the template, so whenever you make a change in code (except for webpack and packages) and click-save (ctrl+s) – new code recompiles with a light speed, while other components are not being touched by any time-expensive compiling tasks.
Best regards, Aspirity
Hello, I have a question about react-Datepicker from easydev project. How do I change language? for example to Spanish and select others formatDate
Hello,
You can use moment.js. for the dates. It has many localizations. Please, read the docs: http://momentjs.com/ and https://www.npmjs.com/package/react-datepicker/v/1.6.0
Best regards, Aspirity
Hello
1 .We are planning to purchase regular license first, if template and code works with my project , then planning to update the license to extended plan . is that possible ?
2. And Mentioned in documentation like used both material UI and Bootstrap , Which one used as most in building template.
3. After purchase , if i have any doubt or issue in code , what are the modes to contact support /developer to get help asap ?
Hi,
1. Yes, it is possible.
2. Bootstrap is the most used.
3. You may contact us through the comments here or via product@aspirity.com
Best regards, Aspirity
Hi,
I bought EasyDev sometime back and it worked fine out of the box.
Now I’m trying to use ‘Alert’ from the template as mentioned in this doc: ‘http://previews.aspirity.com/easydev/documentation/components'.
But the Alert is present in location ‘template/src/shared/components/Alert’. When I use this, I get the following message:
C:\Documents\Project\Gameday\FrontEnd\Github\FrontEnd_EasyDev\src\template\src\shared\components\Alert.jsx: Support for the experimental syntax ‘classProperties’ isn’t currently enabled (10:20): > 10 | static propTypes = { | ^ 11 | color: PropTypes.string, 12 | icon: PropTypes.bool, 13 | className: PropTypes.string,
8 |
9 | export default class AlertComponent extends PureComponent {
Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the ‘plugins’ section of your Babel config to enable transformation.
Since babelrc file is not present and Babel is configured in the package.json, I tried adding ‘plugin-proposal-class-properties’ to the plugins section. I still get the same error.
Note: I’m using ‘seed-without-redux’ project and copied the ‘template’ folder into ‘seed-without-redux/src’.
I added `babel.config.js` with the following content: ```module.exports = { plugins: [ ”@babel/plugin-proposal-class-properties” ], presets: [ ”@babel/react” ], };```
Then I tried using a `panel` in the example jsx file, its throwing hundreds of issues for the following file: ”./src/template/node_modules/react-dom/cjs/react-dom.development.js”.
. . . Line 18255: All ‘var’ declarations must be at the top of the function scope vars-on-top Line 18255: Unexpected var, use let or const instead no-var Line 18257: Expected indentation of 4 spaces but found 0 indent
what needs to be done?
Hi,
The template has three different ready projects. You can use one of them. But if you want to add some components from the other project you need to add only these components and install necessary modules but not the whole project.
Just in case, errors from the second comment are errors from eslint. Read about it: https://eslint.org/
Best regards, Aspirity