Expenses | Full Stack React and .NET Core Application | Part: Front-end

On this video I go over the front-end part of this full-stack application.
This application let's users keep track of their expenses.

Repo on GitLab:

[rajuchapagain]

This is a perfect example for people planning to work on enterprise-level React application. You are a gem.

[aungphyo]

Amazing Tutorial Series. This is exactly what I am looking for and you saved my life. Thank you so much! 🙏🙏🙏🙏

[sumshutterstories]

Hey Asiel, I am in around 22:10 of the tutorial, getting error : Uncaught TypeError: Cannot read properties of undefined (reading 'expenses')


Here is the expenselist function :

const ExpenseList = () => {
const dispatch = useDispatch();
const expenses = useSelector(state =>

useEffect(() => {
GetExpenses(dispatch);
}, []);

return expenses.map(e =>
<div style={{ marginBottom: '1rem' }}>
<ListRow expense={e} />
</div>
);
}

[Eye-Sky-Guy]

Hi Asiel. Great video it gave me a real head start while getting into React development. Thank you very much. I just wanted to ask a question. I noticed that in your service, you introduce "dispatch" as a prop for each of your crud methods. This means that each time a component needs to call one of these service methods, it needs to import "dispatch from reactRedux, and pass it as an argument. Why not instead just have your service import dispatch from reactRedux, so that components only need to pass the object? I assume you had a reason for doing this, but so far I haven't come up with a good reason. Thanks!

[rajuyadav-ophj]

Great video... When I am trying to do that same.. I got some errors!!

[unanimed]

Great job! Just what I needed
Can you do a deployment part?

[klayxi]

Why is it that the buttons I make don't appear next to the <Col> elements and appear on a new row below it? For example, the edit buttons don't appear on the far right and end up just below the expense items. The add button also doesn't appear next to the Amount form, but on a new row to the left.

I tried wrapping the button in a <Col> and style it to float:right, but it seems to mess with the sizing of other elements on the same row.

[nuttzytv]

Hey Asiel, I'm looking forward to getting into this one, especially to see the auth stuff you have. There is an issue I have noticed on both the expenses and notes frontends in the ExpenseList and NotesTable respectively. Is there a way to resolve the warning message below, or is it expected? I'm running 17.0.2 of react.
React Hook useEffect has a missing dependency: 'dispatch'. Either include it or remove the dependency array react-hooks/exhaustive-deps

[laurenceqi]

can you please explain why the key attribute having a different id for each expense changes whether the editform remains open?