Geoserver review

Geoserver preview
=================

- Openlayers + react?
	-> https://github.com/pka/ol3-react-example
	-> http://blog.sourcepole.ch/assets/2015/foss4g2015_ol3_react.pdf
- http://dev.hel.fi/preview?layers=Seutu_tilastoalueet
- https://github.com/City-of-Helsinki/geoserver-preview/tree/feature-react-refactor
- http://dev.hel.fi/apis/
	-> rekisteröinti?
- Bower
	-> npm:n tyylinen paketinhallintasysteemi, mutta sisältää selainkontekstissa käytettäviä komponentteja!
- Cjx = Coffee-React
	-> https://github.com/jsdf/coffee-react


Mapbox
------

- https://github.com/mapbox/react-native-mapbox-gl
- https://github.com/mapbox/mapbox.js/issues/951
- https://www.npmjs.com/package/react-mapboxmap
- https://github.com/mapbox/react-geocoder
- https://www.mapbox.com/react-tangle/example/
- http://stackoverflow.com/questions/28930962/react-js-and-mapbox-mapbox-map-not-rendering-properly-when-using-react-js


Leaflet
-------

- https://github.com/PaulLeCam/react-leaflet
- http://stackoverflow.com/questions/26755251/good-way-to-combine-react-and-leaflet
- http://react.rocks/example/react-map


OpenLayers
----------

- https://github.com/essamjoubori/react-openLayers
- https://github.com/changey/react-open-layers


React
-----

Mit Reactiin liittyvää täällä on tehty? Ei mitään.

React starter kit:
- https://github.com/kriasoft/react-starter-kit
- http://www.reactstarterkit.com/
	- React
	- Express
	- Flux
	- ES6+
	- JSX
	- Babel
	- PostCSS
	- Webpack
	- BrowserSync


Geoserver previewin prioriteettiparannukset
-------------------------------------------

- Kartasta tulisi pystyä tarkistelemaan feature vectoreista sen tietosisältöä jotenkin järkevästi kartasta klikkaamalla.

- React.js-muutokset puuttuvat kokonaan!


Redux
-----

Three principles:
- Single source of truth
- State is read only
- Mutations are written as pure functions

Fundamentals:
- State is represented by a single store
	-> Methods: subscribe, dispatch, getState
- State is changed by emitting an action object
- A reducer specifies how an actions transforms state

React
-----

- createComponent
	-> render method
	-> handler methods
	-> setState method
	-> state and props


React-redux
-----------

- Provider: store
- connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])


- http://rackt.org/redux/docs/basics/UsageWithReact.html
- https://github.com/pka/ol3-react-example
	-> Boo!