rafaelhz / react-material-admin-template Goto Github PK
View Code? Open in Web Editor NEWA simple responsive admin template using react and material-ui
A simple responsive admin template using react and material-ui
Could your example to add "page footer"?
According to https://github.com/glenjamin/webpack-hot-middleware
- Add the following plugins to the plugins array:
plugins: [
// OccurenceOrderPlugin is needed for webpack 1.x only
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin()
]
Occurence ensures consistent build hashes, hot module replacement is somewhat self-explanatory, no errors is used to handle errors more cleanly.
react-material-admin-template use "webpack": "1.13.1", the OccurenceOrderPlugin isn't in the webpack config files.
could you update to last version of React, Material
?
Why the HMR doesn't work?
How can I change the port? I'm trying to test it in Cloud9, I only have 3 ports available for my apps: 8080, 8081, 8082.
Hello !
Something happened after holidays with the dependency set up pipe)
Can not start it with npm start
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/browser-sync/node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN [email protected] requires a peer of webpack@^2.0.0 but none was installed.
Problem with small device (LeftDrawer).
(example)
How to bundle everything for distribution(to be run without server).
Hi Rafael,
this is not an issue. I use this template to make a project and now i am trying to figure out, how to manage different environment develop and production.
Thanks!
Opa, tudo certo @rafaelhz ? Cara, só uma pergunta, estou começando a estudar React para criar algumas aplicações no meu trabalho.
Vejo em seu problema que você utilizou Material-UI. Por que?
Hoje que comecei a pesquisar sobre esses "temas em React" para criar um admin bem legal. Vi também que tem o React Tollbox, você sabe qual é a diferente entre esses 2?
Essa estrutura em que você utilizou , consigo usa-la em aplicações complexas e grandes ou é apenas exemplos e etc?
Uma outra pergunta em que não encontrei respostas, esses Design Materials que citei e que você utilizou, por exemplo o Date Picker, há como setar localização etc?
Obrigado, e parabéns pelo trabalha com o React.
I'm having this warnings everytime, with a fresh install:
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.
[▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬]
4 passing (120ms)
✓ Clean (1:49:38 PM)
and it repeats every 20-25 seconds,
I am using this theme, but I have no idea how can I redirect my user to other page after signin? or if user is not authenticated how can I redirect to sign. I tried many methods but could not work out. Example
handleSubmit (event) {
event.preventDefault();
const email = document.getElementById('email').value;
const password = document.getElementById('password').value;
const request = {"auth": {"email": email, "password": password}};
post('/api/user_token', request)
.then(response => {
localStorage.setItem("jwt", response.data.jwt);
this.props.history.push("/");
})
.catch(error => console.log('error', error));
}
I also tried following code
return <Redirect to={{ pathname: '/login', state: { from: props.location } }} />
It gave error and not working.
This is an awesome dashboard for react but most dependencies are deprecated, can you update them?
after npm install command, I got this error:
$ npm install
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install"
npm ERR! node v4.6.1
npm ERR! npm v2.15.9
npm ERR! code EPEERINVALID
npm ERR! peerinvalid The package [email protected] does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer [email protected] wants webpack@^1.9.11
npm ERR! peerinvalid Peer [email protected] wants webpack@^2.0.0
npm ERR! peerinvalid Peer [email protected] wants webpack@1 || ^2.1.0-beta
npm ERR! peerinvalid Peer [email protected] wants webpack@1 || 2 || ^2.1.0-beta || ^2.2.0-rc
npm ERR! peerinvalid Peer [email protected] wants webpack@*
npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\myne\Desktop\react-material-admin-template-master\npm-debug.log
Operative System : Windows 7
Thanks
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.