rough notes on react, react-native, redux (and even a mention of mobx)

# react - rough notes

## react starter kits 

react-slingshot
pluralsight-redux-starter

babel-preset-react-hmre
- hot reloading (experimental until reload 3)

nvm-windows for multiple node versions!

npm scripts not gulp !

 chrome lastpass  plugin

console.log ('blah'.green)

npm-run-all

bit.ly/react-define-component

================
#react native - rough notes

- jest - unit tests
  - a test framework for react from Facebook
  - nicer than karma

- mac best because of iOS
  - but could use MacInCloud?

react lifecycle mapped to ios or Android slightly differently
  only *required* is 'render'

react native very like react
plus native imports
classes not functions

only edit ios or Android output for version change

not real css (cssx?)
bit like jsx is not real html

rwd: use Dimensions (via import) not css

x.ios.js file only loads for ios
similar for x.android.js

## yarn (npm wrapper)
yarn instead of npm.  yarn is faster.

yarn add react react-redux redux redux-persist remote-redux-devtools

=====
## redux 
- difficult to setup/decide on options
- difficult to learn ?

mobx
https://github.com/mobxjs/mobx
easier to learn than redux as is OO
but is mutable!

mobx (+ react) - excellent tutorial!
https://mobx.js.org/getting-started.html

Sanjeev (the presenter) uses Provider in the app which holds the store.
so components can access the store.
also can hold router.
so Provider acts as DI provider.

actions are a bit like commands
  reducers implement the action ('reducer' name comes from name 'redux')

react-native-router-flux
  for simpler scene transitions
     Actions.login ({})
     Actions.pop ()

swipe cards:
  react-native-tinder-swipe-cards

react-native-router-flux to help use native in browser to share code

=====
# sites:
  https://js.coach/
  https://github.com/jondot/awesome-react-native

in Google:
  awesome react x
  awesome Android native

http://makeitopen.com/
  building the f8 app

firebase authentication with react native app

github meetup code - Sanjeev Bharadwaj
https://github.com/SanjeevBharadwaj/MeetupReactNative

react d'n'd
https://react-dnd.github.io/react-dnd/docs-tutorial.html

DX tool for designing reusable React components
https://github.com/react-cosmos/react-cosmos