rafaelhz / react-material-admin-template Goto Github PK

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.

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)

This is an awesome dashboard for react but most dependencies are deprecated, can you update them?

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.

Could your example to add "page footer"?

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

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!

There's a small warning on the view:

How to bundle everything for distribution(to be run without server).

According to https://github.com/glenjamin/webpack-hot-middleware

1. 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.

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,

Why the HMR doesn't work?

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.

could you update to last version of React, Material?