ReactJs Todo List with Hooks using Axios, JSONPlaceholder and Bootstrap

[@abigiyaterefe2199]

finally a video that made it easy and not more complex. i was so lost thank you .☺

[@CodingWithAdam]

You’re welcome! I’m really glad the video helped!

[@teguhbadrusalam295]

Thi ls is amazing. Keep making video like this. I love it broo

[@CodingWithAdam]

Thanks Teguh! I'm really happy that you enjoyed the video!

[@salihyil2]

sen adamsın (You ROCK)

[@CodingWithAdam]

Thanks! Glad you enjoyed the tutorial!

[@ol1175]

Man ,it's amazing!

[@CodingWithAdam]

Thank You!

[@tristanchikboy4865]

Hi, ty for this video, but is it possible to make checkbox interactive in this situation?

[@CodingWithAdam]

Awesome question. yes it is possible and I updated the code on github to do just that :) in the app.js i added this function const onUpdateTodo = (todo) => { const todoItemIndex = todos.findIndex((x) => x.id == todo.id); const newTodos = [...todos]; const newTodo = newTodos[todoItemIndex]; newTodo.completed = !newTodo.completed; newTodos[todoItemIndex] = newTodo; setTodos(newTodos); }; then return method below I added the function to the properties of todoList then in the TodoList line 1 make this change const TodoList = ({ todos, onUpdateTodo }) => { change the input to the add onChange function onUpdateTodo(todo)} /> you can find the full code here and down load it at github github.com/CodingWith-Adam/Todo-with-react-hooks keep it up with the great questions!

[@tristanchikboy4865]

@@CodingWithAdam ty!

[@CodingWithAdam]

@@tristanchikboy4865You're Welcome! Glad to help!

[@deepaknegi4385]

@@CodingWithAdam great video and thank you so much, could you please also write tests using React-testing lib for this proj?

[@Karan-gh9ki]

clear as fuck man thanks!

[@CodingWithAdam]

Thank you, glad the video helped! 😁