mzabriskie/react-example

Simple React example app

react-example

React example app that demonstrates using React with webpack, and babeljs, as well as project structure.

Requirements:

• git
• Node v6
• npm v3

To run the app locally:

git clone https://github.com/mzabriskie/react-example.git
cd react-example
npm run setup
npm run dev
open http://localhost:8080

react-example's Issues

Config Issue

git clone [email protected]:mzabriskie/react-example.git
cd react-example
npm install
npm run validate (to generate bundle.js ... )
npm start
open http://127.0.0.1:8080

npm ERR! 404 Not Found: prefix@latest

I am getting below error while run the c:/Users/>npx create-react-app my-app
0 info it worked if it ends with ok
1 verbose cli [ 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'install',
1 verbose cli 'prefix@latest',
1 verbose cli '--global',
1 verbose cli '--prefix',
1 verbose cli 'C:\Users\GA5033532\AppData\Roaming\npm-cache\_npx\11736',
1 verbose cli '--loglevel',
1 verbose cli 'error',
1 verbose cli '--json' ]
2 info using [email protected]
3 info using [email protected]
4 verbose npm-session 4ef72031b947d105
5 silly install loadCurrentTree
6 silly install readGlobalPackageData
7 http fetch GET 404 http://registry.npmjs.org/prefix 1600ms
8 silly fetchPackageMetaData error for prefix@latest 404 Not Found: prefix@latest
9 verbose stack Error: 404 Not Found: prefix@latest
9 verbose stack at fetch.then.res (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\lib\fetchers\registry\fetch.js:42:19)
9 verbose stack at tryCatcher (C:\Program Files\nodejs\node_modules\npm\node_modules\bluebird\js\release\util.js:16:23)
9 verbose stack at Promise._settlePromiseFromHandler (C:\Program Files\nodejs\node_modules\npm\node_modules\bluebird\js\release\promise.js:512:31)
9 verbose stack at Promise._settlePromise (C:\Program Files\nodejs\node_modules\npm\node_modules\bluebird\js\release\promise.js:569:18)
9 verbose stack at Promise._settlePromise0 (C:\Program Files\nodejs\node_modules\npm\node_modules\bluebird\js\release\promise.js:614:10)
9 verbose stack at Promise._settlePromises (C:\Program Files\nodejs\node_modules\npm\node_modules\bluebird\js\release\promise.js:693:18)
9 verbose stack at Async._drainQueue (C:\Program Files\nodejs\node_modules\npm\node_modules\bluebird\js\release\async.js:133:16)
9 verbose stack at Async._drainQueues (C:\Program Files\nodejs\node_modules\npm\node_modules\bluebird\js\release\async.js:143:10)
9 verbose stack at Immediate.Async.drainQueues [as _onImmediate] (C:\Program Files\nodejs\node_modules\npm\node_modules\bluebird\js\release\async.js:17:14)
9 verbose stack at runCallback (timers.js:696:18)
9 verbose stack at tryOnImmediate (timers.js:667:5)
9 verbose stack at processImmediate (timers.js:649:5)
10 verbose cwd C:\Users\GA5033532\reactAPP
11 verbose Windows_NT 10.0.15063
12 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install" "prefix@latest" "--global" "--prefix" "C:\Users\GA5033532\AppData\Roaming\npm-cache\_npx\11736" "--loglevel" "error" "--json"
13 verbose node v10.2.0
14 verbose npm v5.6.0
15 error code E404
16 error 404 Not Found: prefix@latest
17 verbose exit [ 1, true ]

set up with nodejs

How can i setup with node js with this react-example

Unable to start dev server

After cloning the project, running npm install and then trying to start the dev server by npm start I am getting this error:

ERROR in ./index.js
Module build failed: SyntaxError: /Users/Simon/repos/test/react-example/index.js: Unexpected token (14:2)
  12 | 
  13 | ReactDOM.render((
> 14 |   <Router history={appHistory}>
     |   ^
  15 |     <Route path="/" component={Home}/>
  16 |     <Route path="/:user" component={User}/>
  17 |   </Router>

I get the same error when I try to build the project using npm build. Any idea what might be wrong?

Tooltip broken

I'm not sure what happened, but somewhere in updating all dependencies I broke the tooltip. I've tried reverting and can't get it to work still. So I'm going to leave it for now and we can figure out how to fix it later.

GitHub API tests not working

Check out the tests for the GitHub API module and you'll see that they're skipped. That's because I couldn't figure out how to get things working. From all I can tell, I'm using the API right, but the tests are failing for some reason. Could you help out @mzabriskie?