https://github.com/kristinbaumann/react-workshop
Practical Introduction to React (with Redux & React Router v4)
https://github.com/kristinbaumann/react-workshop
react react-router redux tutorial workshop
Last synced: 22 days ago
JSON representation
Practical Introduction to React (with Redux & React Router v4)
- Host: GitHub
- URL: https://github.com/kristinbaumann/react-workshop
- Owner: kristinbaumann
- Created: 2017-03-16T15:27:22.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-06-18T11:03:53.000Z (almost 8 years ago)
- Last Synced: 2025-03-26T06:22:34.562Z (about 1 month ago)
- Topics: react, react-router, redux, tutorial, workshop
- Language: JavaScript
- Homepage: http://reactworkshop.kristin-baumann.com
- Size: 223 KB
- Stars: 18
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# React Workshop
- Code examples for the React Workshop by [Kristin Baumann](www.kristin-baumann.com).
- Slides and more information can be found here: [http://reactworkshop.kristin-baumann.com](http://reactworkshop.kristin-baumann.com).
- Slides in German.
- Based on React v15, React Router v4, Redux v3
- Workshop Dates: [enterJS](https://www.enterjs.de/abstracts#einfuhrung-in-react) on 20th June 2017 in Darmstadt (sold out)
## Code Examples:
1. [Hello World in React (ES5)](https://github.com/kristinbaumann/react-workshop/tree/master/01-hello-world)
2. [First React Component (ES5)](https://github.com/kristinbaumann/react-workshop/tree/master/02-first-component-es5)
3. [First React Component (ES6 & JSX) (ES5)](https://github.com/kristinbaumann/react-workshop/tree/master/03-first-component-es6-jsx)
4. [ES6 Examples](https://github.com/kristinbaumann/react-workshop/tree/master/04-es6-examples)
5. [JSX Examples](https://github.com/kristinbaumann/react-workshop/tree/master/05-jsx-examples)
6. [Component Composition](https://github.com/kristinbaumann/react-workshop/tree/master/06-component-composition)
7. [Props](https://github.com/kristinbaumann/react-workshop/tree/master/07-component-props)
8. [State](https://github.com/kristinbaumann/react-workshop/tree/master/08-component-state)
9. [Component Lifecycle](https://github.com/kristinbaumann/react-workshop/tree/master/09-component-lifecycle)
10. [Events in React](https://github.com/kristinbaumann/react-workshop/tree/master/10-events)
11. [Keys](https://github.com/kristinbaumann/react-workshop/tree/master/11-keys)
12. [Redux](https://github.com/kristinbaumann/react-workshop/tree/master/12-redux) and [Redux with Data Fetching](https://github.com/kristinbaumann/react-workshop/tree/master/12b-data-fetching-redux)
13. [React Router v4](https://github.com/kristinbaumann/react-workshop/tree/master/13-react-router)
14. [React Build Process](https://github.com/kristinbaumann/react-workshop/tree/master/14-react-build-process)
15. [Practical Example: Conference Application](https://github.com/kristinbaumann/react-workshop/tree/master/15-conference-application)
## Practical Example: Conference App
Live Demo: http://conferenceapp6b.kristin-baumann.com/
## Contact
* Twitter: [@kristin_baumann](https://twitter.com/kristin_baumann)
* Website: [www.kristin-baumann.com](http://www.kristin-baumann.com)