react
React with Webpack tutorial
https://medium.freecodecamp.org/part-1-react-app-from-scratch-using-webpack-4-562b1d231e75
- https://github.com/jakubgarfield/expenses
- see also [[d3]] for visualisations with D3 in React
- see also [[redux]]
- http://reactcheatsheet.com/
- https://facebook.github.io/react/docs/tutorial.html
- https://www.youtube.com/watch?v=NpMnRifyGyw
- download and install React dev tools for Chrome (and open your page in a new tab)
- https://facebook.github.io/react/docs/thinking-in-react.html
- https://github.com/ptmt/react-native-desktop
- https://facebook.github.io/react-native/
- https://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html
- http://babeljs.io/blog/2015/06/07/react-on-es6-plus/
propTypes
Het is ook handig de mogelijke proptypes te omschrijven. dit kan bijv zo:
class Input {
static propTypes = {
placeholder: PropTypes.string,
onSubmit: PropTypes.func.isRequired
}
}
Hiervoor moet je nog wel stage 0 enablen in de babel config, dit kan door in de config.js
, in babelOptions
, stage: 0
toe te voegen.
zie ook: https://facebook.github.io/react/docs/reusable-components.html