Add Observer Byline with airSlate SignNow

Add observer byline

so we have our object we need to make our function so I'm going to say import and article that was called and pronounce things say then let's just see what our response is again with the console dot log all right title react is the greatest way to date by Noah Heinrich it's actually subjective now if I go back if I go back to the home page let's see if it updates everything's okay reaction perhaps there it is click on it all right so something's wrong with my links here took me to article zero refresh this we should see it in here somewhere 1941 alright so something's wrong with my links rendering them I didn't actually pass in this ID that's my problem but I think the site otherwise but listen the forum otherwise is working the way it's supposed to be all right so we did this to construct an object that were some following I will then want to pass article and then you spend months to define your callback on should be excused when the other thing promise request is resolved so you know wonders console that log something you know something that happened as far as the callback function logic goes we ultimately want to show a success message and articles submitted leave it up to us to determine how to best accomplish this but our solution will likely involve using set stay within this callback function and setting some sort of indicator within statements as form lists submitted so we have signed off that stuff state has article been submitted graphs you can build some conditional logic to our render function based off the state variable data shows the an article form or a message okay I can do that we're going to eat safe though okay so what should I pop this skew state and it should initially be false and then instead of right dot then be set article published to true look at our form again test it out [Music] Gracie don't mind if I do all right and then if you take a look at our we should be able to see our state and it got set to true great okay the question is okay what do we do now so yeah who remembers the syntax for use that lets you've all been very quiet let me look this up before I hurt myself hips use effect takes anonymous function when the art someone snake it's updated I'll be able to say you wanna write there's like an easy way to do that form clear function that'd be cool I know I kind out that it does but how do you use a recent form using a query we don't want to read such take three HTML form element Dom for reset no nice that looks good so let's try to use that so we could say document that pretty selector in a form that reset so use effect should be running anytime our article published changes age have a new article do they work uncross the scible entity so the API I saw that we didn't we learn and you miss backup for error for to to so so it probably shouldn't be here in our guy articles it's gotta fortunately it didn't read that one but we didn't really show medium also make sure we show the users if something goes wrong so let's keep that in mind subscribe again cook do they work alright so in that case it didn't seem to work let me try refreshing the page double check jump data time okay that time it worked but if I do it again what's the problem did I'd really did I change set out the publish now I set it to true and it's still true so in this case maybe you want to do something like this we reset the form let's also you know let's make another state saying that in third class was a successor or like something like you see let's set that to false for now and then we let's expand now let's say something like so a response that actually I'm gonna come so I can know what I'm talking about let's say I should be able to see upset status leave is what I want undefined okay that's I let me get the status code so you should say maybe if response that error perhaps if response that error to false and also upset what if we call article posted we hold it article published to also false and you know let's also have errors so we should be able to just get the error message from our or what's it called Frommer's from our server and just display it on our page as we look at this thing and I ain't console.log it again to make sure see what it is see what actually has actually believe it was all right let's cancel that log real quick let's come to our response time error is break it status code for - - name validation here and we have a message thanks so we can also set errors to response that error message that right message and then down here we could have something like move errors that I'm doing this wrong unexpected alright I think say airs its MIT so not very well formatted but it works so yeah so we could do a little more effort to say like alright good details messages and go over each what every one of those and say what it says but I'm going to worry about that right now too much successfully so we still haven't refreshed the page Aires so use the fact we could also just set article published back to true or back to fall six months you'll see emails here said success I guess article success should be the same thing that was silly with me I blame all of you for not calling me true and then we call says chat skin it's going to make sure that link actually goes back to the homepage I go down here here's all my nonsense articles but they're broken links alright any questions on how we've made our for more or less you use effect as the way to do like state check you might be right about that lets you perform side effects and function components so it's similar to component big mouth ended up dating says so the example they have here is they have a button that sets the count plus one and then when that happens use effect says alright change the title to this so use effect is very versatile at use for a lot of things I feel like its most general use is when your state changes you have this thing saying okay and I also want this to happen so that's my that's my impression of it at least here so release to let's take a look at this one okay new page know the routine the page 2015 login page it displays the form we have some different food different fields this one just says special event listener on submit in your vent house with council all of you know password fields so we're not actually gonna be handling validation and logins today I believe that's tomorrow so I'm gonna leave you guys to do released you on your own actual because it's pretty simple it's using it you're going to be making a news page of the new form the only new thing getting a different type of input called pastor actually when you're so that people can just look over your shoulder and see it hey any other questions on news page five he shows the just real quick walk through use effect implementation here that we did yeah just walking it through so well so after I add an article I have a dot bed and saying if there's an error instead are supposed to false inset errors to the error otherwise you set article published true either way no matter what happens use effect is going to trigger and when you spec triggers all we told it to do is reset the one and it's in its triggering because side right it's tied to both of these B's hooks right here set errors and set article published whenever either of these change use effect is going to automatically run this index to those is at the top yeah so when we look at movie set so I'm to use state and create this function here set article published set errors use it that's automatically tied to those so anything that's created with you state will also be triggered by the okay and then she was ID layer that we can't skipped over yeah where it wasn't rendering the ID on my links is that what you mean yeah don't you look deep into it or just good I think I answer in this case I really think this is my own personal error because you can see right here okay that one works so I'd have to take a look let's we can actually take a look right now and take a look at all of our components [Music] yeah really publishing new so I've got an article teaser here G equals 46 ideas 46 okay it works list I don't know why I was working less all right so I think I also didn't do the thing where I've made sure that the JSON since the JSON starts at zero and the article should start at one I found the balance I think that's what caused the issue here so I clicked on the last one it was like so this one yeah this one takes me to react to this is the greatest okay so that was just my own messing up all right so all right let's take another break to diving to say five