Chad Furman chadfurman

Filtering

.filter(callback) is like .map(callback)
Client side searching: array.filter( ${string_template}.toUpperCase().indexOf(this.state.searchTerm.toUpperCase()) >= 0 ) => map output what's left

Nice to know how to config babel / webpack by hand
This empowers us to not rely on pre-generated config files here
We can also better change the file if we need to add something.
Loose-mode in babel is interesting, didn't know about this. It's a little dangerous, but interesting.
Webpack config is normally confusing, but it's actually easy once you know what it all means.
The route videos didn't work at one point
Ultimately it's interesting that there's different versions of react router, and the differences are important

.babelrc (required json file)
Presets and Plugins -- a preset is a group of plugins
es2015 preset is all the plugins needed to get from es6 to es5
presets: ["es2015", {"modules": false}] <-- config for es2015 to make it so babel doesn't process modules
- we do this for treeshaking
- es2015 has a "loose": true config option

webpack --module-bind="js=babel' js/ClientApp.js (all JS files get loaded through babel)

Webpack is cool
Learning React from the ground-up is neat, no JSX or anything
createElement / createClass is something "new" since people are using JSX which is so much easier to read/code
comparing React to Angular was neat. React is so much easier to understand
Yarn is pretty interesting -- a few people haven't used it before.
npm takes so much longer! Speeding this up with yarn is great :)
Starting from the very beginning without all the libraries is very helpful
When all the libraries are there, it's easy to get lost in what is "react" and what isn't -- ES6? JSX? Redux? Etc.
Standard is great -- consistency is king. Semicolons aren't as big a deal when you have a "standard"
consistency really pays off, good house-keeping

Be above node 4 -- he's on 6+
nvm is a useful tool
What is yarn? yarn came out recently, it's new / shiny / fun, it replaces npm, it's by facebook
npm install --save react vs yarn add react

Diego: Dicomm, React is getting bigger, good to leran, used in current project.
Henrique: Dicomm, React is used in current project so this course just makes sense.
Ian: Domino, using React, wants to get proficient in a framework. The ES6 course looks good also, as well as the Webpack
John: Online advertising for digital TV, used React on a few projects already. Took other courses at CT including Teambuilding, and looking at ES6.
Vitor: Needs credentials, Dicomm, experienced in Node.JS, wants to get back to the front-end and so that's why React. Very interested in ES6 course.

Meeting notes to be posted in channel after every meeting, along with a link to the topic for the next week

For the topic notes that you take, please take them as a gist.github.com entry in whtaever format you want and post a link to the channel like so:

Original Work of Kyle Simpson, FrontendMasters.com

	screen -dmS web -t api node /vagrant/app.js
	screen -S web -X screen -t media node /vagrant/media-server/server.js
	screen -S web -X screen -t janus /opt/janus/bin/janus
	screen -S web -X screen -t bash
	screen -r