This is a bunch of code and notes for day long React workshops in London. Tickets are still available!.
Firstly, clone this repository.
Then, run npm install
(this might take some time, there's lots to download!).
Then, run this command in one tab:
npm run webpack
And then in another tab, run:
npm run serve
This will open up localhost:3001
and give you access to all the exercises.
There's a load of notes in lessons/
that map to exercises. The order they should be done is as follows:
- lessons/introductions.md (uses the
beginning/
folder) - lessons/react-router-lessons.md
- lessons/communication-redux-lessons.md
- lessons/testing-react-lessons.md
- lessons/final-lessons.md
- https://facebook.github.io/react/docs/reusable-components.html#prop-validation
- http://interactive-react.herokuapp.com/
- https://facebook.github.io/react/docs/more-about-refs.html
- https://facebook.github.io/react/docs/component-specs.html
- https://facebook.github.io/react-native/docs/network.html#fetch
- https://www.npmjs.com/package/webpack-notifier
- https://github.com/jackfranklin/react-webpack-boilerplate
- https://github.com/reactjs/react-router
- https://github.com/reactjs/react-router/blob/master/docs/API.md#link
- https://github.com/reactjs/react-router/blob/master/docs/guides/IndexRoutes.md
- https://github.com/orktes/atom-react
- https://github.com/jeremyramin/terminal-plus
- https://github.com/reactjs/react-router/blob/master/docs/guides/ComponentLifecycle.md
- https://packagecontrol.io/packages/Babel
- https://github-proxy-api.herokuapp.com/
- https://github.com/reactjs/react-router-tutorial
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
- https://davidwalsh.name/remove-item-array-javascript
- https://github.com/AtomLinter/linter-eslint
- http://eslint.org/
- https://www.youtube.com/watch?v=xsSnOQynTHs
- https://egghead.io/courses/getting-started-with-redux
- https://github.com/mobxjs/mobx
- https://devchat.tv/js-jabber/179-jsj-redux-and-react-with-dan-abramov
- https://devchat.tv/js-jabber/181-jsj-the-evolution-of-flux-libraries-with-andrew-clark-and-dan-abramov
- https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en
- https://24ways.org/2015/universal-react/
- https://github.com/jackfranklin/universal-react-example
- https://www.youtube.com/watch?v=srdKq0DckXQ
- https://gocardless.com/blog/how-we-built-the-new-gocardless.com/
- https://github.com/gocardless/splash-pages
- http://12devsofxmas.co.uk/2015/12/day-2-testing-react-applications/
- https://github.com/reactjs/react-router-redux
- http://glenmaddern.com/articles/css-modules
A lot of this content was taken / inspired by other publically available examples / repositories online.
- react-training by Ryan Florence has some great examples; the store example (
middle/2
) is taken largely from that. - The React Docs are obviously an invaluable resource when putting together React teaching materials.