start-react / sb-admin-react

Starter theme for React JS Dashboard Apps

SB Admin v2.0 rewritten in React.js

This project is a port of the famous Free Admin Bootstrap Theme SB Admin v2.0 to React.js Theme based on React Starter Kit using ES6 & Webpack.

Find out more Free React.js and React Native Themes at StartReact.com.

Demo

Installation

####1. Clone this project or Download that ZIP file

$ git clone https://github.com/start-react/sb-admin-react.git

####2. Make sure you have npm installed globally

More details here https://nodejs.org/en/download/

####3. On the command prompt run the following commands

$ cd `project-directory`

$ npm install

$ npm start

####4. To build

$ npm run build

####5. To clean up old build products

$ npm run clean

Roadmap

• Add sample AJAX calls (using Flux / Reflux) and make the components more modular
• Lazy loading of Pages
• MobX integration

Automation tools used

• Webpack

sb-admin-react's Issues

Shrinking the window, UI is distorted.

Looks like there's bug when I shrink my Google Chrome Window and IE. I compared it with the one without JS framework and it's working correctly. What it does is it doesn't toggle into collapsible button but retain it's location and therefore overlaps the header menu.

Google Chrome Version 48.0.2564.116 m
IE 11.0.9600.18204

Disable hot module reload and browser sync notification when running in production mode

How do you disable HMR and browser sync notifications when you run this in production mode.
Tried the run npm start -- --release to no avail

sqlite is not installing

Hi,
I cloned the project from github and when i tried to npm install it throw me with the error

     node-pre-gyp ERR! Tried to download: https://mapbox-node-binary.s3.amazonaws.com
     /sqlite3/v3.1.4/node-v51-win32-x64.tar.gz
     node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected]
     (node-v51 ABI) (falling back to source compile with node-gyp)

causing the app to crash every time. I tried solutions about this issue which i found on Google like updating my npm and node version and installing sqlite manually but none helped me out.
I am using npm Version 4.4.0
and node version v7.2.1

These are the errors i am getting
/***********************************************************************************************************/

C:\xampp\htdocs\sb-admin-react>npm install

[email protected] install C:\xampp\htdocs\sb-admin-react\node_modules\sqlite3
node-pre-gyp install --fallback-to-build

node-pre-gyp ERR! Tried to download: https://mapbox-node-binary.s3.amazonaws.com
/sqlite3/v3.1.4/node-v51-win32-x64.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected]
(node-v51 ABI) (falling back to source compile with node-gyp)

C:\xampp\htdocs\sb-admin-react\node_modules\sqlite3>if not defined npm_config_no
de_gyp (node "C:\Users\Lalit Sharma\AppData\Roaming\npm\node_modules\npm\bin\nod
e-gyp-bin\....\node_modules\node-gyp\bin\node-gyp.js" clean ) else (node "" c
lean )

C:\xampp\htdocs\sb-admin-react\node_modules\sqlite3>if not defined npm_config_no
de_gyp (node "C:\Users\Lalit Sharma\AppData\Roaming\npm\node_modules\npm\bin\nod
e-gyp-bin\....\node_modules\node-gyp\bin\node-gyp.js" configure --fallback-to-
build --module=C:\xampp\htdocs\sb-admin-react\node_modules\sqlite3\lib\binding\n
ode-v51-win32-x64\node_sqlite3.node --module_name=node_sqlite3 --module_path=C:
xampp\htdocs\sb-admin-react\node_modules\sqlite3\lib\binding\node-v51-win32-x64
) else (node "" configure --fallback-to-build --module=C:\xampp\htdocs\sb-admin
-react\node_modules\sqlite3\lib\binding\node-v51-win32-x64\node_sqlite3.node --m
odule_name=node_sqlite3 --module_path=C:\xampp\htdocs\sb-admin-react\node_module
s\sqlite3\lib\binding\node-v51-win32-x64 )
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYT
HON env variable.
gyp ERR! stack at PythonFinder.failNoPython (C:\Users\Lalit Sharma\AppData\R
oaming\npm\node_modules\npm\node_modules\node-gyp\lib\configure.js:454:19)
gyp ERR! stack at PythonFinder. (C:\Users\Lalit Sharma\AppData\Ro
aming\npm\node_modules\npm\node_modules\node-gyp\lib\configure.js:480:16)
gyp ERR! stack at C:\Users\Lalit Sharma\AppData\Roaming\npm\node_modules\npm
\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack at FSReqWrap.oncomplete (fs.js:111:15)
gyp ERR! System Windows_NT 6.3.9600
gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\Lalit Sharma
\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\bin\node-gyp
.js" "configure" "--fallback-to-build" "--module=C:\xampp\htdocs\sb-admin-rea
ct\node_modules\sqlite3\lib\binding\node-v51-win32-x64\node_sqlite3.node"
"--module_name=node_sqlite3" "--module_path=C:\xampp\htdocs\sb-admin-react\n
ode_modules\sqlite3\lib\binding\node-v51-win32-x64"
gyp ERR! cwd C:\xampp\htdocs\sb-admin-react\node_modules\sqlite3
gyp ERR! node -v v7.2.1
gyp ERR! node-gyp -v v3.5.0
gyp ERR! not ok
node-pre-gyp ERR! build error
node-pre-gyp ERR! stack Error: Failed to execute 'node-gyp.cmd configure --fallb
ack-to-build --module=C:\xampp\htdocs\sb-admin-react\node_modules\sqlite3\lib\bi
nding\node-v51-win32-x64\node_sqlite3.node --module_name=node_sqlite3 --module_p
ath=C:\xampp\htdocs\sb-admin-react\node_modules\sqlite3\lib\binding\node-v51-win
32-x64' (1)
node-pre-gyp ERR! stack at ChildProcess. (C:\xampp\htdocs\sb-admi
n-react\node_modules\sqlite3\node_modules\node-pre-gyp\lib\util\compile.js:83:29
)
node-pre-gyp ERR! stack at emitTwo (events.js:106:13)
node-pre-gyp ERR! stack at ChildProcess.emit (events.js:191:7)
node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:885:16)
node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/chi
ld_process.js:226:5)
node-pre-gyp ERR! System Windows_NT 6.3.9600
node-pre-gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\xampp\htdo
cs\sb-admin-react\node_modules\sqlite3\node_modules\node-pre-gyp\bin\node
-pre-gyp" "install" "--fallback-to-build"
node-pre-gyp ERR! cwd C:\xampp\htdocs\sb-admin-react\node_modules\sqlite3
node-pre-gyp ERR! node -v v7.2.1
node-pre-gyp ERR! node-pre-gyp -v v0.6.28
node-pre-gyp ERR! not ok
Failed to execute 'node-gyp.cmd configure --fallback-to-build --module=C:\xampp
htdocs\sb-admin-react\node_modules\sqlite3\lib\binding\node-v51-win32-x64\node_s
qlite3.node --module_name=node_sqlite3 --module_path=C:\xampp\htdocs\sb-admin-re
act\node_modules\sqlite3\lib\binding\node-v51-win32-x64' (1)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\ch
okidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
1.1.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}
)
npm WARN [email protected] requires a peer of react@^15.4.2 b
ut none was installed.
npm WARN Error: EPERM: operation not permitted, scandir 'C:\xampp\htdocs\sb-admi
n-react\node_modules\sqlite3\node_modules'
npm WARN { Error: EPERM: operation not permitted, scandir 'C:\xampp\htdocs\sb-a
dmin-react\node_modules\sqlite3\node_modules'
npm WARN errno: -4048,
npm WARN code: 'EPERM',
npm WARN syscall: 'scandir',
npm WARN path: 'C:\xampp\htdocs\sb-admin-react\node_modules\sqlite3\node
_modules' }
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: node-pre-gyp install --fallback-to-build
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script 'node-pre-gyp install --fall
back-to-build'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the sqlite3 package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node-pre-gyp install --fallback-to-build
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs sqlite3
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls sqlite3
npm ERR! There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Lalit Sharma\AppData\Roaming\npm-cache_logs\2017-03-06T12
_46_25_028Z-debug.log
/*************************************************************************************************************/

How to add Mobx ?

Your client.js is quite complicated, so i dont know how to add mobx provider,

How to deploy firebase hosting?

I using google firebase.
But, I can't deploy to firebase hosting.
only displayed "Cannot GET /" in browsers.
Help me, please.

throwing lots of error on npm start

Dear contributor, I am seeing lot of errors related incorrect filename or directory and missing things.
Could you check it. I want to use this theme for my app.

CSS menu break at <750px

It's look like this on my chrome.

Maybe only me?

Thanks

Extra information and documentation

Hello great theme
i just wanted to ask a few questions
how do i set the production or development environment before running the server how do i build a production or development environment separately thank you

Cannot find module "./Forms"

in /routes/dashboardPages/forms/index.js:3

How to get started?

Please excuse my ignorance, I'm quite new to all these fancy web frontend tools. How do I get this up and running?

I've run
npm install -g webpack
npm install
webpack

Webpack did emit some assets, but I got some errors.

PS C:\Repos\sb-admin-react> webpack
Hash: 32a5e077aee61e2a356e
Version: webpack 1.9.7
Time: 5350ms
                                Asset       Size  Chunks             Chunk Names
                          1.bundle.js  602 bytes       1  [emitted]
aab920e04211577da140c01f1f39adff.woff    31.3 kB          [emitted]
 39add9c7a1f4a4518e3df09c8cea5a7d.eot    26.9 kB          [emitted]
 afd3ac5cff6ee0703c801e0834b5ed9e.ttf    60.6 kB          [emitted]
 89889688147bd7575d6327160d64e760.svg     109 kB          [emitted]
 b1cb0838a1edb51f94c17c9de39dee32.svg   81 bytes          [emitted]
 13533c8993698512c3def74976da395b.eot    81.1 kB          [emitted]
 706450d7bba6374ca02fe167d86685cb.ttf     122 kB          [emitted]
 bf3ba4c860f40e56ccab4430d41f8e8c.ttf   81 bytes          [emitted]
 2980083682e94d33a66eef2e7d612519.svg     313 kB          [emitted]
 02599da7adda207f443395d410d4b795.svg   81 bytes          [emitted]
                            bundle.js    1.73 MB       0  [emitted]  main
01f19e162831198264663f9926732c4a.woff    95.4 kB          [emitted]
                          2.bundle.js    44.1 kB       2  [emitted]
                          3.bundle.js    7.36 kB       3  [emitted]
                          4.bundle.js     5.5 kB       4  [emitted]
                          5.bundle.js    29.3 kB       5  [emitted]
                          6.bundle.js    18.7 kB       6  [emitted]
                          7.bundle.js    23.1 kB       7  [emitted]
                          8.bundle.js    19.6 kB       8  [emitted]
                          9.bundle.js    23.3 kB       9  [emitted]
                         10.bundle.js    11.8 kB      10  [emitted]
                         11.bundle.js    15.9 kB      11  [emitted]
                         12.bundle.js    80.1 kB      12  [emitted]
    + 330 hidden modules

ERROR in ./src/index.jsx
Module not found: Error: Cannot resolve module 'metisMenu/dist/metisMenu.min.js' in C:\Repos\sb-admin-react\src
 @ ./src/index.jsx 27:0-42

ERROR in ./src/index.jsx
Module not found: Error: Cannot resolve module 'metisMenu/dist/metisMenu.min.css' in C:\Repos\sb-admin-react\src
 @ ./src/index.jsx 33:0-43

ERROR in ./~/jsx-loader?harmony!./src/components/Dashboard/UIElements/Buttons/index.jsx
Module not found: Error: Cannot resolve module 'bootstrap-social/bootstrap-social.css' in C:\Repos\sb-admin-react\src\co
mponents\Dashboard\UIElements\Buttons
 @ ./~/jsx-loader?harmony!./src/components/Dashboard/UIElements/Buttons/index.jsx 9:0-48

This is a nice looking project, as I'm still learning ReactJs.

Cheers

Why this project use flow rather than typescript

I found this project contain .flowconfig. Does it mean all js are written by flow? May I ask why flow, rather than typescript? thanks.

Redux documentation

The documentation on integrating redux mentions merging the feature/redux branch as the first step.
https://github.com/start-react/sb-admin-react/blob/f1d0c35f4841a31fe4ee5e0e7248e96de97faccf/docs/recipes/how-to-integrate-redux.md

Does that branch exist, or are the docs out of date?
https://github.com/start-react/sb-admin-react/branches/all

Not found route not working

Error route does not work for pages not found, route resolving works a bit weird when trying to add a generic catch all if none exists route

npm install fails

While trying to clone and run this code , i met with below errors

please help, why we have sqllite in this project

Module not found error in all the tests.

ERROR in ./test/routers/test_logged_out.jsx Module not found: Error: Cannot resolve 'file' or 'directory' ../../src/routers/logged_out in /home/workspace/sb-admin-react/test/routers @ ./test/routers/test_logged_out.jsx 15:28-67
Steps to reproduce:
npm test

The import path in all the test cases is pointing to wrong directory !

Got WARNINGS when running npm install

I got this WARNINGS when running npm install

What does it mean?

Link of description and demo are different

It also looks like different version?

Error: Please install sqlite3 package manually

Relay/ Example

Can you provide an example using Relay/GraphQL as a data source? Thanks

using gh page

@gauravprwl14 Hi, how this project can be deployed to gh page like your demo. thank you..

License

The description says it's "free" but the license is not MIT or Apache. I wouldn't contribute to this project if it is not opensource...

Where is the Redux branch?

Can not find src\App.js file

when run 'npm start' I got below error in browser

/src/App.js
Module build failed: Error: ENOENT: no such file or directory, open 'D:\new-works\Learn\react\ps-react-astw\src\App.js'

Syntax Error gets swallowed internally

Hey,

First of all: thank you for your great project, it has been really helpful to me.
I have one specific problem:
Sometimes when I cause a syntax error, the console shows something like:

Warning: There is an internal error in the React performance measurement code. Did not expect componentDidMount timer to start while ctor timer is still in progress for another instance.
printWarning @ warning.js?85a7:36
warning @ warning.js?85a7:60
beginLifeCycleTimer @ ReactDebugTool.js?51ac:123
onBeginLifeCycleTimer @ ReactDebugTool.js?51ac:234
invokeComponentDidMountWithTimer @ ReactCompositeComponent.js?47a9:58
notifyAll @ CallbackQueue.js?fbdc:67
close @ ReactReconcileTransaction.js?51c1:81
closeAll @ Transaction.js?d39c:204
perform @ Transaction.js?d39c:146
batchedMountComponentIntoNode @ ReactMount.js?2450:127
perform @ Transaction.js?d39c:138
batchedUpdates @ ReactDefaultBatchingStrategy.js?c98c:63
batchedUpdates @ ReactUpdates.js?6ba9:98
_renderNewRootComponent @ ReactMount.js?2450:321
_renderSubtreeIntoContainer @ ReactMount.js?2450:402
render @ ReactMount.js?2450:423
(anonymous) @ client.js?cf27:99
F @ _export.js?cc6d:35
render @ client.js?cf27:97
_callee2$ @ index.js?a731:75
tryCatch @ runtime.js?1791:63
invoke @ runtime.js?1791:337
prototype.(anonymous function) @ runtime.js?1791:96
step @ asyncToGenerator.js?14e4:17
(anonymous) @ asyncToGenerator.js?14e4:28
ReactDOMComponentTree.js?8098:107 Uncaught TypeError: Cannot read property '__reactInternalInstance$fgm806fb7d5nc0nuqgu5l8fr' of null
    at Object.getClosestInstanceFromNode (eval at <anonymous> (main.js?dca12ad…:804), <anonymous>:107:11)
    at findParent (eval at <anonymous> (main.js?dca12ad…:8688), <anonymous>:39:32)
    at handleTopLevelImpl (eval at <anonymous> (main.js?dca12ad…:8688), <anonymous>:68:28)
    at ReactDefaultBatchingStrategyTransaction.perform (eval at <anonymous> (main.js?dca12ad…:1746), <anonymous>:138:20)
    at Object.batchedUpdates (eval at <anonymous> (main.js?dca12ad…:4332), <anonymous>:63:19)
    at Object.batchedUpdates (eval at <anonymous> (main.js?dca12ad…:1074), <anonymous>:98:20)
    at dispatchEvent (eval at <anonymous> (main.js?dca12ad…:8688), <anonymous>:150:20)```

Do you have any idea how to trace this back to the error in my actual code?

Demo charts are broken

the dashboard charts are not showing up. It happens with float charts and morris.js

npm install issue

build fails with this stacktrace.

Am starting out with reactjs and am unable to build this theme any ideas will be appreciated.

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/Tables in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 29:38-85

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/Forms in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 33:37-83

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/PanelsWells in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 37:43-95

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/Buttons in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 41:39-87

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/Notifications in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 45:45-99

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/Typography in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 49:42-93

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/Icons in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 53:37-83

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/Grid in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 57:36-81

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/Blank in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 61:37-83

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/FlotCharts in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 65:42-93

ERROR in ./src/routers/Routes.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ../components/pages/dashboard/MorrisjsCharts in /home/enyachoke/Code/JS/sb-admin-react/src/routers
 @ ./src/routers/Routes.jsx 69:46-101

ERROR in ./src/components/layouts/Dashboard/index.jsx
Module not found: Error: Cannot resolve module 'jQuery' in /home/enyachoke/Code/JS/sb-admin-react/src/components/layouts/Dashboard
 @ ./src/components/layouts/Dashboard/index.jsx 21:14-31

ERROR in ./src/components/common/AsyncElement.js
Module not found: Error: Cannot resolve module 'NProgress' in /home/enyachoke/Code/JS/sb-admin-react/src/components/common
 @ ./src/components/common/AsyncElement.js 19:17-37

Cant update to reactjs last version

ERROR in .//react-bootstrap/lib/utils/createContextWrapper.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\lib\utils
@ .//react-bootstrap/lib/utils/createContextWrapper.js 16:13-29

ERROR in .//react-bootstrap/lib/FormControls/Static.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\lib\FormControls
@ .//react-bootstrap/lib/FormControls/Static.js 13:13-29

ERROR in .//react-bootstrap//react-overlays/lib/Portal.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\node_modules\react-overlays\lib
@ .//react-bootstrap//react-overlays/lib/Portal.js 7:13-29

ERROR in .//react-bootstrap//react-overlays/lib/Overlay.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\node_modules\react-overlays\lib
@ .//react-bootstrap//react-overlays/lib/Overlay.js 15:13-29

ERROR in .//react-bootstrap//react-overlays/lib/Position.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\node_modules\react-overlays\lib
@ .//react-bootstrap//react-overlays/lib/Position.js 15:13-29

ERROR in .//react-bootstrap//react-overlays/lib/Transition.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\node_modules\react-overlays\lib
@ .//react-bootstrap//react-overlays/lib/Transition.js 15:13-29

ERROR in .//react-bootstrap//react-overlays/lib/RootCloseWrapper.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\node_modules\react-overlays\lib
@ .//react-bootstrap//react-overlays/lib/RootCloseWrapper.js 11:13-29

ERROR in .//react-bootstrap//uncontrollable/createUncontrollable.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\node_modules\uncontrollable
@ .//react-bootstrap//uncontrollable/createUncontrollable.js 9:13-29

ERROR in .//react-bootstrap//react-overlays/lib/utils/getContainer.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\node_modules\react-overlays\lib\utils
@ .//react-bootstrap//react-overlays/lib/utils/getContainer.js 8:13-29

ERROR in .//react-bootstrap//react-overlays/lib/utils/ownerDocument.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\node_modules\react-overlays\lib\utils
@ .//react-bootstrap//react-overlays/lib/utils/ownerDocument.js 7:13-29

ERROR in .//react-bootstrap//uncontrollable/utils.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\node_modules\uncontrollable
@ .//react-bootstrap//uncontrollable/utils.js 17:13-29

ERROR in .//react-bootstrap//react-overlays//react-prop-types/lib/elementType.js
Module not found: Error: Cannot resolve module 'react' in E:\Project\reactjs\node_modules\react-bootstrap\node_modules\react-overlays\node_modules\react-prop-types\lib
@ .//react-bootstrap//react-overlays//react-prop-types/lib/elementType.js 7:13-29

Cannot install - My config issues

Trying to install on Win10:
https://mapbox-node-binary.s3.amazonaws.com/sqlite3/v3.1.4/node-v57-win32-x64.tar.gz
Does not exist

node-pre-gyp verb command install [] node-pre-gyp info check checked for "C:\dev\React\sb-admin-react\node_modules\sqlite3\lib\binding\node-v57-win32-x64\node_sqlite3.node" (not found) node-pre-gyp http GET https://mapbox-node-binary.s3.amazonaws.com/sqlite3/v3.1.4/node-v57-win32-x64.tar.gz node-pre-gyp http 403 https://mapbox-node-binary.s3.amazonaws.com/sqlite3/v3.1.4/node-v57-win32-x64.tar.gz node-pre-gyp ERR! Tried to download: https://mapbox-node-binary.s3.amazonaws.com/sqlite3/v3.1.4/node-v57-win32-x64.tar.gz node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected] (node-v57 ABI) (falling back to source compile with node-gyp) node-pre-gyp http 403 status code downloading tarball https://mapbox-node-binary.s3.amazonaws.com/sqlite3/v3.1.4/node-v57-win32-x64.tar.gz node-pre-gyp verb command build [ 'rebuild' ] gyp ERR! configure error

Sidebar Navigation Menus

Great port on the sb-admin template!

Issue I've just ran into. When trying to use multiple menu types, for example more than one multiLevelDropdown it will change the state on all of the menus due to the state being the same for each one (multiLevelDropdownCollapsed: true). I understand by looking at the code that this is expected and you've designed it so that each menu has a unique prop. This breaks when trying to do this dynamically or loading a list based off of values from an API (not knowing how many items you'll have).

Any idea on a fix for this?

Cheers,
Brad

Connection Refused. Demo site is down: http://sb-admin-react.geekydev.com:3009

Remove "#" on path

I want to remove "#" on path . please help me!

Trying to deploy to AWS S3

Hi guys, I'm really new to React and I was playing around with this awesome template.
I was wondering how to deploy it to AWS S3, after I run the 'npm run build' command in my /build folder there is no index.html, and also in /src folder there isn't one. I have to create a custom one by myself or I'm missing something?

/build tree:

build generates invalid character

Hi,

I'm facing a problema when using "npm run build".

Some texts on sample applications are generated with an extra "Â" character in front of it.

This behavior doesn't happens when running application with "npm start".

I have just dowloaded sb-admin and didn't make any change. Running on mac osx 10.11.6, npm 2.15.1

Cheers

There's a bug in your src/routes/dashboardPage/forms/index.js

the build failed on my Ubuntu machine. The file has the following code:

import Forms from './Forms';

probably needs to be changed to

import Forms from './forms';

In order to run properly. Now your webpack process fails on any machine besides a Mac(solves the case sensitive issues automatically)

unknow token dotdotdot

/home/kyle/workspace/sb-admin-react/tools/start.js:76
middleware: [wpMiddleware, ...hotMiddlewares]
^^^

SyntaxError: Unexpected token ...
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:374:25)
at loader (/home/kyle/workspace/sb-admin-react/node_modules/babel-register/lib/node.js:144:5)
at Object.require.extensions.(anonymous function) as .js
at Module.load (module.js:344:32)
at Function.Module._load (module.js:301:12)
at Module.require (module.js:354:17)
at require (internal/module.js:12:17)
at Object. (/home/kyle/workspace/sb-admin-react/tools/run.js:32:18)
at Module._compile (module.js:410:26)

How to make the text inside the tiles of Statwidget on Dashboard/Home Page responsive ?

Hi

The Home Page of sb-admin-react has the Dashboard structure with the top having a bunch of Stat-widget tiles . I want to make the text or content inside of it responsive the value that the count attribute holds needs to be responsive as per the screen-resolution.I tried various things by mentioning class as text-responsive , viewport and so forth , I have not been able to make the value inside of those tiles responsive yet, Could you please provide your inputs?

Regards
Shravya

error building and starting

Any ideas?....

@ build C:\Users\csampson\Documents\GitHub\MessageDashboard
babel-node tools/run build

C:\Users\csampson\Documents\GitHub\MessageDashboard\tools\run.js:20
const task = typeof fn.default === 'undefined' ? fn : fn.default;
^^^^^
SyntaxError: Use of const in strict mode.
at exports.runInThisContext (vm.js:73:16)
at Module._compile (module.js:443:25)
at loader (C:\Users\csampson\Documents\GitHub\MessageDashboard\node_modules
babel-register\lib\node.js:144:5)
at Object.require.extensions.(anonymous function) [as .js] (C:\Users\csampso
n\Documents\GitHub\MessageDashboard\node_modules\babel-register\lib\node.js:154:
7)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Function.Module.runMain (module.js:501:10)
at C:\Users\csampson\Documents\GitHub\MessageDashboard\node_modules\babel-cl
i\lib_babel-node.js:159:24
at Object. (C:\Users\csampson\Documents\GitHub\MessageDashboard\n
ode_modules\babel-cli\lib_babel-node.js:160:7)

Routing problem

Hi ! I wanted to change home to login as first page. So I modified index.js in /src/routes.

What I have changed

export default [

  {
    path: ['/','/login'],
    children: [
      login,
    ],
    async action({ next, render, context }) {
      const component = await next();
      if (component === undefined) return component;
      return render(
        <App context={context}>{component}</App>
      );
    },
  },


  {
    path: '/home',

  // keep in mind, routes are evaluated in order
    children: [
      home,
      // contact,
      table,
      button,
      flotcharts,
      forms,
      grid,
      icons,
      morrisjscharts,
      notification,
      panelwells,
      typography,
      // register,
      blank,
      // place new routes before...
      // content,
      error,
    ],
    async action({ next, render, context }) {
      // console.log('inside dashboard');
      const component = await next();
      // console.log('inside dasdboard component', component);
      if (component === undefined) return component;
      return render(
        <div>
          <Header />
          <div id="page-wrapper" className="page-wrapper">
            <App context={context}>{component}</App>
          </div>
        </div>
      );
    },
  }, 

Problems

1)
The problem is that my CSS didn't load on localhost:3000, and loaded on localhost:3001 (with browsersync though).

2)
When I go to localhost:3001/home, the dashboard appears but it disappears few seconds after. And with the default routing, there is no problem so I guess I don't understand how routing works in this bundle.

The errors from the console

warning.js?85a7:36 Warning: Failed prop type: Invalid prop `children` of type `boolean` supplied to `App`, expected a single ReactElement.
    in App

warning.js?85a7:36 Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the ContainerDimensions component.

Thanks for your job, and for this amazing pack !