Skip to content

Commit f2dde3d

Browse files
mweststratemweststrate
committed
regenned
1 parent 1ad5e63 commit f2dde3d

42 files changed

Lines changed: 133 additions & 102 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎best/actions.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<body>
4545

4646

47-
<div class="book" data-level="6.3" data-basepath=".." data-revision="Fri Aug 12 2016 23:15:16 GMT+0200 (CEST)">
47+
<div class="book" data-level="6.3" data-basepath=".." data-revision="Thu Aug 25 2016 15:29:37 GMT+0200 (CEST)">
4848

4949

5050
<div class="book-summary">
@@ -203,7 +203,7 @@
203203

204204
<b>2.5.</b>
205205

206-
@observer
206+
(@)observer
207207
</a>
208208

209209

‎best/devtools.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<body>
4545

4646

47-
<div class="book" data-level="6.5" data-basepath=".." data-revision="Fri Aug 12 2016 23:15:16 GMT+0200 (CEST)">
47+
<div class="book" data-level="6.5" data-basepath=".." data-revision="Thu Aug 25 2016 15:29:37 GMT+0200 (CEST)">
4848

4949

5050
<div class="book-summary">
@@ -203,7 +203,7 @@
203203

204204
<b>2.5.</b>
205205

206-
@observer
206+
(@)observer
207207
</a>
208208

209209

‎best/pitfalls.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<body>
4545

4646

47-
<div class="book" data-level="6.1" data-basepath=".." data-revision="Fri Aug 12 2016 23:15:16 GMT+0200 (CEST)">
47+
<div class="book" data-level="6.1" data-basepath=".." data-revision="Thu Aug 25 2016 15:29:37 GMT+0200 (CEST)">
4848

4949

5050
<div class="book-summary">
@@ -203,7 +203,7 @@
203203

204204
<b>2.5.</b>
205205

206-
@observer
206+
(@)observer
207207
</a>
208208

209209

‎best/react-performance.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<body>
4545

4646

47-
<div class="book" data-level="6.4" data-basepath=".." data-revision="Fri Aug 12 2016 23:15:16 GMT+0200 (CEST)">
47+
<div class="book" data-level="6.4" data-basepath=".." data-revision="Thu Aug 25 2016 15:29:37 GMT+0200 (CEST)">
4848

4949

5050
<div class="book-summary">
@@ -203,7 +203,7 @@
203203

204204
<b>2.5.</b>
205205

206-
@observer
206+
(@)observer
207207
</a>
208208

209209

‎best/react.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<body>
4545

4646

47-
<div class="book" data-level="4" data-basepath=".." data-revision="Fri Aug 12 2016 23:15:16 GMT+0200 (CEST)">
47+
<div class="book" data-level="4" data-basepath=".." data-revision="Thu Aug 25 2016 15:29:37 GMT+0200 (CEST)">
4848

4949

5050
<div class="book-summary">
@@ -203,7 +203,7 @@
203203

204204
<b>2.5.</b>
205205

206-
@observer
206+
(@)observer
207207
</a>
208208

209209

‎best/stateless-HMR.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<body>
4545

4646

47-
<div class="book" data-level="6.7" data-basepath=".." data-revision="Fri Aug 12 2016 23:15:16 GMT+0200 (CEST)">
47+
<div class="book" data-level="6.7" data-basepath=".." data-revision="Thu Aug 25 2016 15:29:37 GMT+0200 (CEST)">
4848

4949

5050
<div class="book-summary">
@@ -203,7 +203,7 @@
203203

204204
<b>2.5.</b>
205205

206-
@observer
206+
(@)observer
207207
</a>
208208

209209

‎best/store.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<body>
4545

4646

47-
<div class="book" data-level="6.2" data-basepath=".." data-revision="Fri Aug 12 2016 23:15:16 GMT+0200 (CEST)">
47+
<div class="book" data-level="6.2" data-basepath=".." data-revision="Thu Aug 25 2016 15:29:37 GMT+0200 (CEST)">
4848

4949

5050
<div class="book-summary">
@@ -203,7 +203,7 @@
203203

204204
<b>2.5.</b>
205205

206-
@observer
206+
(@)observer
207207
</a>
208208

209209

‎best/syntax.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<body>
4545

4646

47-
<div class="book" data-level="6.6" data-basepath=".." data-revision="Fri Aug 12 2016 23:15:16 GMT+0200 (CEST)">
47+
<div class="book" data-level="6.6" data-basepath=".." data-revision="Thu Aug 25 2016 15:29:37 GMT+0200 (CEST)">
4848

4949

5050
<div class="book-summary">
@@ -203,7 +203,7 @@
203203

204204
<b>2.5.</b>
205205

206-
@observer
206+
(@)observer
207207
</a>
208208

209209

‎faq/blogs.html‎

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<body>
4545

4646

47-
<div class="book" data-level="5.1" data-basepath=".." data-revision="Fri Aug 12 2016 23:15:16 GMT+0200 (CEST)">
47+
<div class="book" data-level="5.1" data-basepath=".." data-revision="Thu Aug 25 2016 15:29:37 GMT+0200 (CEST)">
4848

4949

5050
<div class="book-summary">
@@ -203,7 +203,7 @@
203203

204204
<b>2.5.</b>
205205

206-
@observer
206+
(@)observer
207207
</a>
208208

209209

@@ -871,7 +871,8 @@ <h1>
871871
<h2 id="videos">Videos</h2>
872872
<ul>
873873
<li><a href="https://egghead.io/courses/manage-complex-state-in-react-apps-with-mobx" target="_blank">Egghead.io course: Manage Complex State in React Apps with MobX</a></li>
874-
<li><a href="https://www.youtube.com/watch?v=XGwuM_u7UeQ" target="_blank">Practical React with MobX</a>. In depth introduction and explanation to MobX and React by Matt Ruby on OpenSourceNorth. (<a href="http://slides.com/mattruby/deck" target="_blank">slides</a>)</li>
874+
<li>LearnCode.academy MobX tutorial <a href="https://www.youtube.com/watch?v=_q50BXqkAfI" target="_blank">Part I: MobX + React is AWESOME (7m)</a> <a href="https://www.youtube.com/watch?v=nYvNqKrl69s" target="_blank">Part II: Computed Values and Nested/Referenced Observables (12m.)</a></li>
875+
<li><a href="https://www.youtube.com/watch?v=XGwuM_u7UeQ" target="_blank">Practical React with MobX</a>. In depth introduction and explanation to MobX and React by Matt Ruby on OpenSourceNorth (ES5 only). (<a href="http://slides.com/mattruby/deck" target="_blank">slides</a>)</li>
875876
<li><a href="https://www.youtube.com/watch?v=K8dr8BMU7-8" target="_blank">Screencast: 8 minute overview of MobX</a></li>
876877
<li><a href="https://www.youtube.com/watch?v=83v8cdvGfeA" target="_blank">Understanding MobX versus Redux</a> (related thread: <a href="https://github.com/mobxjs/mobx/issues/199" target="_blank">https://github.com/mobxjs/mobx/issues/199</a>)</li>
877878
<li><a href="https://www.youtube.com/watch?v=ApmSsu3qnf0&amp;feature=youtu.be" target="_blank">State Management Is Easy, React Amsterdam 2016 conf</a> (<a href="https://speakerdeck.com/mweststrate/state-management-is-easy-introduction-to-mobx" target="_blank">slides</a>)</li>
@@ -884,10 +885,13 @@ <h2 id="tutorials">Tutorials</h2>
884885
<li><a href="https://github.com/mattruby/mobx-examples" target="_blank">Simple ES5 MobX examples</a> Bite sized MobX examples all setup to run in jsFiddle.</li>
885886
<li><a href="https://onsen.io/blog/mobx-tutorial-react-stopwatch/" target="_blank">It&apos;s all about time: Building a performant Stopwatch with MobX and React - fast</a></li>
886887
<li><a href="https://tonyspiro.com/getting-started-with-mobx-an-easy-example" target="_blank">Getting started with MobX: an easy example</a></li>
888+
<li><a href="https://semaphoreci.com/community/tutorials/how-to-test-react-and-mobx-with-jest?utm_content=buffer15b42&amp;utm_medium=social&amp;utm_source=twitter.com&amp;utm_campaign=buffer" target="_blank">How to Test React and MobX with Jest</a></li>
887889
<li><a href="http://tutorials.pluralsight.com/html-css/real-time-chat-app-with-onsenui-and-horizon?hearted=1" target="_blank">Real time Chat App with OnsenUI, Horizon and MobX</a></li>
888890
<li><a href="https://medium.com/@dabit3/react-native-with-mobx-getting-started-ba7e18d8ff44#.uge82y49s" target="_blank">React Native With MobX - Getting Started</a></li>
889891
<li><a href="http://www.robinwieruch.de/mobx-react/?utm_content=bufferd1bb1&amp;utm_medium=social&amp;utm_source=twitter.com&amp;utm_campaign=buffer" target="_blank">MobX React: Simplified State Management in React</a>. Tutorial on converting the SoundCloud client from React+Redux to React+MobX.</li>
890892
<li><a href="https://medium.com/@mweststrate/introducing-serializr-serializing-and-deserializing-object-graphs-with-ease-8833c3fcea02#.lghi3ybjm" target="_blank">Introducing serializr: serializing and deserializing object graphs with ease</a></li>
893+
<li><a href="https://medium.com/@mweststrate/how-to-decouple-state-and-ui-a-k-a-you-dont-need-componentwillmount-cc90b787aa37#.7zvpxt746" target="_blank">How to decouple state and UI (a.k.a. you don&#x2019;t need componentWillMount) - data fetching, authentication, routing and testing</a></li>
894+
<li><a href="https://codequs.com/p/HyTu8aIK/getting-started-reactjs-with-mobx/" target="_blank">Getting Started ReactJS with MobX</a></li>
891895
</ul>
892896
<h2 id="articles-blogs-explaining-the-inner-working-of-mobx">Articles / blogs explaining the inner working of MobX:</h2>
893897
<ul>
@@ -899,6 +903,7 @@ <h2 id="blogs">Blogs</h2>
899903
<li><a href="http://formidable.com/blog/2016/06/02/why-we-chose-mobx-over-redux-for-spectacle-editor/" target="_blank">Why we chose MobX over Redux for Spectacle Editor</a></li>
900904
<li><a href="https://medium.com/@lavrton/how-to-optimise-rendering-of-a-set-of-elements-in-react-ad01f5b161ae#.ijw98ktg5" target="_blank">Optimising React rendering - tips to optimise rendering of a set of elements in React</a></li>
901905
<li><a href="https://blog.risingstack.com/handling-react-forms-with-mobx-observables/" target="_blank">Handling React Forms with Mobx Observables</a></li>
906+
<li><a href="https://medium.com/@mweststrate/mobx-utils-community-driven-utility-belt-for-mobx-264346cb2744#.n8cweziy9" target="_blank">mobx-utils: community driven utility belt for MobX</a></li>
902907
<li><a href="https://medium.com/@mweststrate/mobx-2-2-explicit-actions-controlled-mutations-and-improved-dx-45cdc73c7c8d#.h5jt4nlwf" target="_blank">MobX 2.2: explicit actions, controlled mutations and improved DX</a></li>
903908
<li><a href="https://github.com/mobxjs/mobx/issues/199" target="_blank">Understanding MobX and when to use it (Github issue)</a></li>
904909
<li><a href="http://markshust.com/2016/06/02/creating-multi-page-form-using-mobx-meteor-react" target="_blank">Creating a multi-page form using MobX with Meteor &amp; React</a></li>
@@ -911,6 +916,8 @@ <h2 id="blogs">Blogs</h2>
911916
<li><a href="https://medium.com/@mweststrate/object-observe-is-dead-long-live-mobservable-observe-ad96930140c5#.krm1pec8p" target="_blank">Object.observe is dead. Long live MobX.observe</a></li>
912917
<li><a href="https://hashnode.com/ama/with-mobx-cinspo7i500vyxs53buh8ebls" target="_blank">Hashnode AMA on MobX</a></li>
913918
<li><a href="https://philhosoft.github.io/Programming/AngularJS-1-and-MobX-2/" target="_blank">How I use MobX 2 in an AngularJS 1 application</a></li>
919+
<li><a href="https://medium.com/@GiacomoRebonato/a-notification-system-with-mobx-and-reactjs-ecbadca258c1#.ps9j0i4lg" target="_blank">A Notification System with MobX and ReactJS</a></li>
920+
<li><a href="http://gaui.is/angular-1-5-todo-app/" target="_blank">Using MobX in Angular 1.5 todo app</a></li>
914921
</ul>
915922
<h2 id="testimonials">Testimonials</h2>
916923
<p>Want to know how people experience starting or porting projects to MobX? Besides the above listed blogs, the following threads might shed some light:</p>

‎faq/boilerplates.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<body>
4545

4646

47-
<div class="book" data-level="5.4" data-basepath=".." data-revision="Fri Aug 12 2016 23:15:16 GMT+0200 (CEST)">
47+
<div class="book" data-level="5.4" data-basepath=".." data-revision="Thu Aug 25 2016 15:29:37 GMT+0200 (CEST)">
4848

4949

5050
<div class="book-summary">
@@ -203,7 +203,7 @@
203203

204204
<b>2.5.</b>
205205

206-
@observer
206+
(@)observer
207207
</a>
208208

209209

@@ -889,6 +889,7 @@ <h1>
889889
<li><a href="https://github.com/iam4x/futureRX" target="_blank">FutureRX</a> The futuristic stack to create universal React applications with MobX as state manager</li>
890890
<li><a href="https://github.com/Xerios/mobx-isomorphic-starter" target="_blank">mobx-isomorphic-starter</a> Clean isomorphic starter-kit using Mobx + React + React-router + Webpack</li>
891891
<li><a href="https://github.com/lostpebble/koa-mobx-react-starter" target="_blank">koa-mobx-react-starter</a> A straightforward starter for Node javascript web projects. Using Koa, MobX, Pug and ReactJS (with universal / isomorphic server rendering)</li>
892+
<li><a href="https://github.com/code-shoily/modular-mobx-boilerplate" target="_blank">modular-mobx-boilerplate</a> This is a boilerplate for developing with React + MobX. It uses a modular structure of folders for larger apps.</li>
892893
</ul>
893894

894895

0 commit comments

Comments
 (0)