Talking Points
- server side views must be set to .jsx files - aka react templates
- explain require and grunt and webpack and babel for es6
- leave out es6 for easier intro to junior devs?
- familiarity wth javascript only in the realm of front end development
- no prior backend JS experience although perhaps with some build tools
A handy chunk of javascript usually kept in its own individual file and loaded via require() statements.
Require allows a dev to include a library (module) in their file.
var _ = require('underscore');
module.exports = {
};
Dependencies to external libraries and tools are loaded into the project via npm
.
npm install
Runs web server as well.
Bundles modules into a big file to load client side.
https://webpack.github.io/docs/configuration.html
webpack suggests using its own server thingy, but since we are going to be running a backend api
https://github.com/webpack/grunt-webpack
Needed to read jsx and es6.
https://robots.thoughtbot.com/setting-up-webpack-for-react-and-hot-module-replacement
https://github.com/facebook/flux
Authentication - http://passportjs.org/
http://mherman.org/blog/2015/01/31/local-authentication-with-passport-and-express-4/#.VeSFltNVhBc
http://mongoosejs.com/index.html
https://robots.thoughtbot.com/setting-up-webpack-for-react-and-hot-module-replacement