Building a Todo List App

programming
1

Hi Kirupa,

I really enjoyed and got alot out of your tutorial on youtube 14. Building a Todo List App in React .

I’ve tried to develop the same React.app using your tutorial however I keep getting undefined React errors when I run the code. I would be grateful if you could look at it and make some suggestions. https://github.com/webtec-cryto/ToDoList-App

Keep up the great tutorials

2

Hi @fast_developer! Welcome to the forums :slight_smile:

Can you post your exact errors?

I’m looking through your code, and I notice that the brackets aren’t matched in many places. Take a look at my version here and see where the deltas are: https://github.com/kirupa/kirupa/tree/master/reactjs/todolist/src

If you are still unable to see what is going wrong, I can try to see what else may be up.

3

Hi Kirupa,

Thanks for getting back to me, I will also look at your version on github.
As requested here is the exact error code when I run it:

./src/todoitems.js
Line 12: ‘items’ is not defined no-undef
Line 40: ‘e’ is not defined no-undef
Line 42: ‘deleteItem’ is not defined no-undef
Line 42: ‘key’ is not defined no-undef
Line 43: ‘key’ is not defined no-undef
Line 46: ‘item’ is not defined no-undef
Line 46: ‘key’ is not defined no-undef
Line 54: ‘render’ is not defined no-undef
Line 56: ‘React’ must be in scope when using JSX react/react-in-jsx-scope
Line 57: ‘React’ must be in scope when using JSX react/react-in-jsx-scope
Line 58: ‘React’ must be in scope when using JSX react/react-in-jsx-scope
Line 59: ‘React’ must be in scope when using JSX react/react-in-jsx-scope
Line 62: ‘React’ must be in scope when using JSX react/react-in-jsx-scope
Line 65: ‘React’ must be in scope when using JSX react/react-in-jsx-scope

Search for the keywords to learn more about each error.

4

I’ve gone back over the files, corrected my mistakes. When I run the code I get this error message:

./src/TodoList.js
Module not found: Can’t resolve ‘react-flip-move’ in ‘C:\Users\info\todo\src’

Thanks in advance,

5

Have you imported the flip move code? In your command line, run:

npm i -S react-flip-move

That should fix the error :battery: