https://github.com/mikebild/introduction-react

Introduction to React
https://github.com/mikebild/introduction-react

graphql graphql-apollo introduction javascript mobx nodejs react react-components react-router redux router rxjs universal workshop

Last synced: about 2 months ago
JSON representation

Introduction to React

• Host: GitHub
• URL: https://github.com/mikebild/introduction-react
• Owner: MikeBild
• License: mit
• Created: 2017-03-14T18:00:22.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-06-05T13:50:51.000Z (7 months ago)
• Last Synced: 2024-10-11T12:45:02.645Z (2 months ago)
• Topics: graphql, graphql-apollo, introduction, javascript, mobx, nodejs, react, react-components, react-router, redux, router, rxjs, universal, workshop
• Homepage: https://mikebild.com
• Size: 12.5 MB
• Stars: 9
• Watchers: 7
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Introduction to React

## Recommendations

- Basic knowledge of JavaScript

- Linux / OSX / Windows Operating System

- NodeJS v18.16.x LTS / NPM 9.5.x / Yarn 1.22.x

- Editor Sublime / Atom / VS Code

- Chrome and Developer Tools

## Workshop

- [Introduction](1-introduction.md)

- [Setting up a React-Application](2-setup.md)

- [JSX Expressions](3-jsx.md)

- [React-Components](4-react-components.md)

- [Event- and Data-Binding](5-event-bindings.md)

- [Children, Context, Provider & Higher-Order-Components](6-extended.md)

- [CSS](7-css.md)

- [Server Access](8-server-access.md)

- [React-Router](9-router.md)

- [Testing](10-testing.md)

- [Flux/Redux](11-redux.md)

- [Server-Side / Universal React](12-ssr.md)

- [Development Tools WebPack, Babel, ES-Lint](13-dev-tools.md)

- [Recompose](14-recompose.md)

- [ES2015/ES6/ES7](15-ecma.md)

- [GraphQL](16-graphql.md)

- [RxJS](17-rxjs.md)

- [More React Pattern](18-more-pattern.md)

- [MobX](19-mobx.md)

- [GraphQL Apollo](20-graphql-apollo.md)

- [React Hooks](21-hooks.md)

## Examples

- [Basic App](examples/basic-app/README.md)

- [Advanced App](examples/advanced-app/README.md)

- [Router App](examples/router-app/README.md)

- [Redux App](examples/redux-app/README.md)

- [Server-Side / Universal App](examples/ssr-app/README.md)

- [NextJS](examples/nextjs/README.md)

## Resources

- [Introduction to GraphQL](https://github.com/MikeBild/introduction-graphql)

- [Introduction to NodeJS](https://github.com/MikeBild/introduction-nodejs)

- [Awesome React](https://github.com/enaqx/awesome-react)

- [Awesome Redux](https://github.com/xgrommx/awesome-redux)

- [Awesome GraphQL](https://github.com/chentsulin/awesome-graphql)

## Tools

- [React DevTools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)

- [Redux DevTools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd)

- [Create React App](https://github.com/facebookincubator/create-react-app)

- [React Storybook](https://getstorybook.io/)

## Issue Reporting

If you have found a bug or if you have a feature request, please report them at this repository issues section. Please do not report security vulnerabilities on the public [GitHub issue tracker](https://github.com/MikeBild/introduction-react/issues).

## License

This project is licensed under the MIT license. See the [LICENSE](LICENSE) file for more info.

## Thanks

You like this **React introduction** and you want to see what coming next? Follow me on Twitter [`@mikebild`](https://twitter.com/mikebild).

Enjoy!