Build an Income Tracker in ReactJS ~ useState, useEffect, useRef

[@sleeptownProductions]

Hello Tyler, I know it's been a minute since you posted this video, but thank you for this! I'm just diving into React after completing an in depth JavaScript course, and this was very helpful to see a real-world program to help connect things better in my head :) I'm definitely looking forward to diving into your other content!

[@joseflopez5958]

Probably the best tutorial on React

[@TylerPotts]

Woah, I wouldn't go that far but thank you!

[@briandesign]

looks dope!

[@TylerPotts]

Thanks! :)

[@JovanMatthewIvander]

What a great tutorial. It helps me alot especially because I just started learning React. Keep it up broo...

[@TylerPotts]

Glad to hear that!

[@PuerinTheHunter]

Excellent! Thank you, Mr Potts!

[@TylerPotts]

You are very very welcome!

[@juandavidgomezrestrepo6110]

Really Really nice tutorial , as usual Tyler Potts's videos are one of my top learning resources. by the way the speed at end of the video was quite high I had to drop down the speed from the video options :p

[@TylerPotts]

Cool, thanks!

[@НатальяПойда-у6м]

Great tutorial! I had to add "autocomplete = "off" to the input tag with type="text", otherwise I saw previous values:) Thank you.

[@TylerPotts]

Thanks and awesome! :)

[@kashmirtechtv2948]

Sort by Date function is cool

[@digibard2890]

Nice project. I really like the destructuring of the props argument in functional components. Just a quick note: You don't need useRef to get the form inputs, simply use e.target.price.value in the event handler.

[@TylerPotts]

Thank you and I have done this before but was also told that was bad practice and to use useRef xD

[@saradevanney9469]

@@TylerPotts can you elaborate on this Tyler? I've only seen guides saying to avoid using it?

[@iammtander]

Man! Man! Man......! YOU ROCK!

[@kashmirtechtv2948]

Yep have watched the complete video. Really enjoying.. Please also try to tell why you did something.(reason behind doing something😅) Thanks ❤️❤️❤️

[@vidisharaut8964]

Thank you for this amazing project!

[@TylerPotts]

Glad you like it!

[@shcristancho8675]

Great content ✊ ! I'm just wondering how you can keep the values in the browser storage ..

[@TylerPotts]

Good question! You can use either localstorage or a database solution like firebase... Personally, I'd use firebase or mongodb but Localhost is a great local way of storing data.

[@hectorg362]

Another cool project, thanks for sharing!

[@TylerPotts]

Thanks for watching!

[@shreedevijamakhandi1877]

Expect more video on react, Lots of love Tq so much

[@programmerrdai]

Great Content Keep up the good work

[@abdulazizmashrabov6399]

Awesome tutorials. Hope more vids on react apps

[@kashmirtechtv2948]

Hi, do you have a React Concepts Learning Complete Video or Playlist?

[@iUmerFarooq]

Wow! Amazing 👌 tutorial. Don't stop please do more React js. Thank you

[@TylerPotts]

I will be doing a lot more in the future!

[@markkevinsoriano3365]

can i ask, what extensions did you use sir? and thank you for the great vid!

[@mehmettemell]

ı m waiting new projects with vue 3 from you tyler. you r the best

[@TylerPotts]

They are coming! :)

[@idevbrandon]

At 14:58, i don't get it why iterate income thing. Can anyone explain a bit more please

[@nabakumarpatra8831]

Amazing sir ...❤️

[@TylerPotts]

Thanks a lot 😊

[@skapha]

good one! thanks! what's your vs code theme?

[@TylerPotts]

Thanks buddy! I think its SynthWave84'

[@skapha]

​@@TylerPottshmm, synthwave 84 is kinda glowy, and colors are different, if you find out let us know.

[@TylerPotts]

Nope definitely Synthwave 84 but I turned off the glow :)

[@fangblade360]

Yes

[@akshaydonhe3091]

Hi, i get an error income is not itrate can anyone help me to solve this?

[@ishitaghosh3692]

Nice Project.. But i have one problem while following your code. In App.js, the useEffect for calculating TotalIncome is giving me an error. "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops." can you please tell me why?

[@juandavidgomezrestrepo6110]

are you using an arrow function ?

[@bjni]

Hi Tyler boi

[@TylerPotts]

Hi Bjni boi!

[@kashmirtechtv2948]

@@TylerPotts 😂

[@sammaiti242]

Are u a zombie for real? heard some rumours