diff --git a/MobX-tutorials.md b/MobX-tutorials.md new file mode 100644 index 0000000..ab05d60 --- /dev/null +++ b/MobX-tutorials.md @@ -0,0 +1,32 @@ +### MobX Tutorials + + +#### Basic Introductions +- **MobX Docs** +https://github.com/mobxjs/mobx +The official MobX documentation. They also have an [interactive 10 minutes introduction](https://mobxjs.github.io/mobx/getting-started.html) to get started with MobX and React. +I would suggest you also take a look at their [API overview](https://mobxjs.github.io/mobx/refguide/api.html). + +- **Getting Started with MobX - Video Series** +[MobX introduction tutorial by LearnCode.academy](https://www.youtube.com/watch?v=_q50BXqkAfI) +A quick two videos introduction to MobX, how to set it up get start coding a simple ToDo App. + +- **Managing complex state in React - Video Series** +[Manage Complex State in React Apps with MobX](https://egghead.io/courses/manage-complex-state-in-react-apps-with-mobx) +MobX fundamentals including debugging with the MobX-react devtools. + +- **Introduction video to MobX with React - Video** +[Practical React with MobX](https://www.youtube.com/watch?v=XGwuM_u7UeQ) +In depth introduction to MobX with React including 'Why mobx' (all coded with ES5). + +- **Comparing MobX and Redux - Video** +[Comparing MobX and Redux](https://www.youtube.com/watch?v=83v8cdvGfeA) +A great video to understand the differences between MobX and Redux. + +- **React Native with MobX — Getting Started** +[Medium article](https://medium.com/@dabit3/react-native-with-mobx-getting-started-ba7e18d8ff44#.s9xqrdxxg) +An introduction article about combining MobX and React Native to create a simple list app. + +#### Testing +- **Testing React and MobX** +[How to Test React and MobX with Jest](https://semaphoreci.com/community/tutorials/how-to-test-react-and-mobx-with-jest?utm_content=buffer15b42&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer) diff --git a/README.md b/README.md index ca53cd1..f413783 100644 --- a/README.md +++ b/README.md @@ -22,8 +22,9 @@ You might also want to check out my categorized list of Redux-related addons, li - [React Tutorials](react-tutorials.md) - [Flux Tutorials](flux-tutorials.md) - [Redux Tutorials](redux-tutorials.md) +- [MobX Tutorials](MobX-tutorials.md) -#### Intermediate Concepts +#### Intermediate Concepts - [Using React with ES6](using-react-with-es6.md) - [Functional Programming](functional-programming.md) @@ -105,4 +106,3 @@ All of the links in this collection are worth reading, but there's obviously a L - **Redux Best Practices** https://medium.com/lexical-labs-engineering/redux-best-practices-64d59775802e Guidelines for tools, component structure, file layout, and async data handling -