React Hooks Project - Budget Calculator

This is kinda bs, I have basically the same code as you have. I had to use splice on expenses array otherwise using setExpenses would not trigger re-render. How is it possible that it works here and not in my code?

To everyone who have this problem: setExpenses([...expenses, newExpense]) in my version of react doesn't trigger re-render. You can solve it by using push.

Great video, I love your channel (from Brazil).

Thank you!

thank you doctor🥰

This one was awesome sir!

Awesome. Wish you made more tutorials

Tutorial yang bagus, salah satau tempat saya belajar react js di sini. Terima kasih udah berbagi.

Very well explained. hats off. I really enjoyed. Thank you.

I just tell you to thank you so much I"m very confusing for find react project

this video made me understand finally CRUD operations on react thanks

You explained your design choices well and your process of building it from beginning was pretty thorough. Thanks for helping us all with this useful and somewhat quick project. Thanks. You've got a new subscriber in me

Great tutorial! Your explanatory skills are just off the charts.

Everything was fine. But whenever initialExpenses use localStorage I get the following errors.


const initialExpenses = localStorage.getItem("expenses")
? JSON.parse(localStorage.getItem("expenses"))
: [];

Errors are below:

×
TypeError: Cannot read property 'amount' of null
(anonymous function)
D:/react-app/src/App.js:130
127 | <span className="total">
128 | $
129 | {expenses.reduce((acc, curr) => {
> 130 | return (acc += curr.amount);
| ^ 131 | }, 0)}
132 | </span>
133 | </h1>
View compiled

UUID seems to have changed I keep getting an error that says Module not found : Can’t resolve uuid/v4 any suggestions?

You are an the best teacher

very helpful project to understand react.Thank you sir.

Hi can i have github link for this code?

thank you so much ❤

Thank you, sir, for such a great list of tutorials, and also every tutorial is very well prepared. Thanks, again.:)

If you get the error below about importing uuid,
you need to use this requirement
“ const { v4: uuid } = require('uuid'); “
instead of using this importing
“import uuid from "uuid/v4"; “
```
Failed to compile.
./src/App.js
Module not found: Can't resolve 'uuid/v4'
```
After fixing this, your project is gonna run and the error is gonna disappear.

uuid breaking change
import { v4 as uuidv4 } from 'uuid';
id: uuidv4()

Hi John Smilga, your tutorials are interesting when they are delivered with real time projects. I learn a lot watching your videos and they are very helpful. We look forward to deliver you more interesting tutorials on various front-end technologies.

It's awesome! Thanks.

Really good an clear explanations, thanks a lot, awesome

These videos are absolutely amazing, thank you so much good sir!

Really you are wonderful teacher. It helps millions to learn who are really not able to afford on education

does Vintage Tech project has some sort API in the backend, if yes what platform and did u use Redux in this project ?

You are great man

can we have a coupon for react coocktailDB project please ?

Thanks, but I have a concern please. Why the ExpenseForm component receive so many props? I think we can create the values and handlers in the same component ExpenseForm. What do you think?

Hi I am using jhipster along with react to
I want to render table based on API response using axios
Any leads who could help would be appreciated

Thanks for sharing this amazing tutorial. I really appreciated it!

Good video, ty

It would look definitely better if you write this app in TypeScript

why dont we learn react from your tutorials :)) Excellent!

this is excellent.

It was a great tutorial sir, thank a lot! I hope that you will upload more complex tutorials which are about hooks. :)

Thank you for this great demonstration of project

Thank you for this react project tutorial. I am learning a lot from it :)

You are an excellent teacher

Hello! I/m getting an Cannot read property 'map' of undefined error/warning please help


const ExpenseList = ({ expenses }) => {
return (
<>
<ul className='list'>
{expenses.map(expense => {
return <Item key={expense.id} expense={expense} />;
})};
</ul>
</>
);
};

Hi John,
Would you know a thing or two about Authentication and how to setup at Gatsby Auth project with Amplify, Auth0 or Firebase?
Keep up the good work.

at last i get how the useffect works thanks man

how long has it taken you too learn and master all what's on your playlist

Thank you very much, for clean code. we are waiting for more projects sir : )

done

This is Great thank you for making this quick little video.

Enjoying your videos! Keep them coming!