React Login Form with Mobx

Learn how to create a login form in React using the Mobx library.

Links from video:

----
Video Suggestions:

----
Follow Me Online Here:

----
#benawad
​
----
#benawad

[harrisfpv]

I came here to learn about mobx! I also learned about how to use a function with this without binding it :)

[maxiequa]

Another daily dose of awesome! And thanks for explaining the functions usage. 👍

[BestLessons]

Hi,
cool tutorial,
I just wanna add something about moment when you tried to explain arrow function onChange
this keyword just works like that in javascript, it depends on context where function was called
when you pass onChange to some element, or component this inside onChange pointing to element from which it's called(onChange is only function, and if you pass it to some element it will be called by that element, so this there will be pointing to that element too)
that's why you need to use arrow function or .bind()
about render and constructor, this function are called inside your class, so this is available for you automatically (if you'll pass these functions somewhere else and try to call them outside of your class, then this won't be pointing to your component)

[GuilhermeScaldelai]

Hi Ben! First of all thanks for your videos, so much information in there! Im trying to using the Apollo-boost and the local state management however, there is no way to make it work. Have you ever managed setup the apollo-boost to use query local? Thanks!

[misliclc]

Hey Ben! This is quite a good series you've made. Just a quick note if you don't mind, it could have been very helpful to have a part number in the video title. It's a bit hard to orient through this course as you don't actually see what you've just watched. Besides that, youtube happens to mess up the automatic ordering in the 'up next' section sometimes .

[amylee]

Hey Ben, just wondering if we'll be able to include mobx store in our apollo client or provider? Btw love your tutorials :)

[ronifintech]

Hi Ben,
I'm following your tutorial but am working with Apollo Client 2.0...
Do we need Mobx/Redux with Apollo Client 2.0? doesn't the 2.0 version of Apollo Client manage the state? I'm a little confused here and would appreciate some advice on your end...

Thank you for this amazing series!!!

[willcalltickets]

Could you address some of the linting errors that are showing up and possible fixes? I am not having much luck changing up code and not sure what babel packages might be able to fix some of the errors.

I have added the following to the eslintrc to get rid of the error in the routes/index.js file
```
'import/no-named-as-default': 0,
0,
```
But there are still some errors that usually occur on the first "=" sign of a component...
Register.js - state = {
Login.js - onChange = e => { (In my case, I have the onChange function first - I think yours has onSubmit first)

[dennistennis]

Works like a charm! And the less code the better! 👍👍😃

[joshuasmith]

MobX comes will a lot of hidden traps when in certain scenarios components (observers) don't update even when their state changes and observable arrays don't get recognized as actual arrays... for beginners I'd stick with simpler state management.