drboolean / classroom-coding

Video series code

Classroom Coding

Thoughts

This is a "practical" application built with react and functional techniques. React components are "impure" and our model stays pure (although there's a bit of cheating in utils as it's a hodge podge).

How to use

In Pt1, we build a standard flickr search component. Pt2 updates it to a drag and drop collage. Pt3 persists to a postgres db using node/express.

Each branch pt1, pt2, etc is the finished version of that feature set. As such, one should start with master to build pt1, start with pt1 to build pt2 and so on.

After installing visit http://localhost:5431 to see the blank slate app. If greeted with a snowy white page, you'll know you succeeded.

Install

First run:

npm install

Then run each of these commands in a different terminal window. One for webpack, one for babel-node:

npm run dev

npm run server

classroom-coding's Issues

Fails at "npm run server"

I get the following message when entering "npm run server" into the terminal. Thoughts?

• message in terminal:
  sh: babel-node: command not found
  ...
• message in npm debug:
  0 info it worked if it ends with ok
  1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'server' ]
  2 info using [email protected]
  3 info using [email protected]
  4 verbose run-script [ 'preserver', 'server', 'postserver' ]
  5 info preserver [email protected]
  6 info server [email protected]
  7 verbose unsafe-perm in lifecycle true
  8 info [email protected] Failed to exec server script
  9 verbose stack Error: [email protected] server: babel-node src/backend/app.js
  9 verbose stack spawn ENOENT
  9 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:17:16)
  9 verbose stack at emitTwo (events.js:87:13)
  9 verbose stack at ChildProcess.emit (events.js:172:7)
  9 verbose stack at maybeClose (internal/child_process.js:818:16)
  9 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)
  10 verbose pkgid [email protected]
  11 verbose cwd /Users/KRM-MacBookPro/Copy/_projects/_experiments/react-functional-drboolean/classroom-coding
  12 error Darwin 15.2.0
  13 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "server"
  14 error node v4.2.3
  15 error npm v2.14.7
  16 error file sh
  17 error code ELIFECYCLE
  18 error errno ENOENT
  19 error syscall spawn
  20 error [email protected] server: babel-node src/backend/app.js
  20 error spawn ENOENT
  21 error Failed at the [email protected] server script 'babel-node src/backend/app.js'.

Errors when running 'npm run dev'

Any hint why this happens?

ERROR in ./src/frontend/js/main.js
Module not found: Error: Cannot resolve module 'react/lib/ReactMount' in /Users/dmitrizaitsev/Repos/classroom-coding/src/frontend/js
 @ ./src/frontend/js/main.js 1:320-351

ERROR in ./src/frontend/js/app.jsx
Module not found: Error: Cannot resolve module 'react/lib/ReactMount' in /Users/dmitrizaitsev/Repos/classroom-coding/src/frontend/js
 @ ./src/frontend/js/app.jsx 1:320-351

ERROR in ./~/react-dom/index.js
Module not found: Error: Cannot resolve module 'react/lib/ReactDOM' in /Users/dmitrizaitsev/Repos/classroom-coding/node_modules/react-dom
 @ ./~/react-dom/index.js 3:17-46