ReactJS Course [5] - CRUD In React | TodoList Tutorial

At 27 minutes, isn't it better to make the id like this

id: toDoList.length+1

What is your vs code theme?

Concerning the id part u can also try this
const task ={
id: todoList.length+1,
taskName: newTask

}


setTodoList([...todoList, task])

}

pedro, you made it simple !!

thanks Pedro, may God bless you for the time and effort you have put in. I am guessing we can also use the ternary operator in the complete task function, as you love using it :-)

where is the CRUD stuff bro! this is only about delete things😢

good video man had to watch a couple times but i understand roughly 90%

What will be the way if we are not passing the delete function as props?

your examples are very good for clearing concepts

function App(){
const [todoList, setTodolist] = useState([]);
const [newTask, setnewTask] = useState("");

const handleChange = (event) =>{
setnewTask(event.target.value);
};
const addTask= () =>{
const newTodoList = [...todoList, newTask];
setTodolist(newTodoList);
};

return (
<div className="App">
<div className="addTask">
<input onChange={handleChange}/>
<button onClick={addTask}>Add task</button>
</div>
<div className="list">
{todoList.map((task) => {
return <h1>{task}</h1>
})}</div>
</div>
);
}

I didnt understood the ID and the completed task part can anyone help me with that

bro really you are a gem god bless you

Thanks man for this tutorial

Why do you use const to functions?

Bro help everything is going over my head you are fast

this is the hardest episode yet 0_0 had to go 0.5x speed 0_0

Awesome Explanation Pedro

Nice tutorial and exercise 👍

for deleting a task, you can simply do something like this const handleDelete = (index) => {
const updatedTasks = [...tasks];
updatedTasks.splice(index, 1);
setTasks(updatedTasks);
};
where index is the index of each element in the array that you grab from the map function

Thanks Pedro !!!!!.

What to do if we have to take input more than 1 input from the user how to store it.

what if we filter with task and index => const newTodoList = todoList.filter((todo,x) => {
if(todo === task & x === index){
return false
}else{
return true
}

Which theme are you using ? Reply please

Great video bro!

Thank you.

Thanks Pedro, more grease to your elbow.

after watching this 2 times now i can do it basically alone
.
.
.
***but with a little help in syntax...😅

Pedro vc e brasileiro???

thanks pdro
with your amzing course

Great vidoes. I wish you had explained why the delete had to be wrapped in an arrow function

You rock man! Thank you 🙂

and after going through too many react tutorials i stopped at this one. Thanks pedro Tech

Math.floor(Math.random() * 100) better and simple for generate id

instead of creating an id, we can use the index of the array to identify it.

'task' is assigned a value but never used .....--> how do i call the "task" var ??

This is a great course. I'm trying hard to get my first internship in Software Dev right now, and I started recognizing that React kept popping up. React has been appealing to me for awhile now, but that was a push. Your course is helping me a lot, thanks. (:

Why is the map working without any problem? I thought we need a key value?

Besides that: I love your way of teaching and would love to see you making a tutorial where you do complex apps like a food-order website with the dashboard for the shop or an appointment-maker app with a dashboard.

Keep up this great work!

thx for the great explanation!

God bless you

what about update operation????????????🥺🥺🥺🥺🥺🥺please teach that

Great content. But please try to explain everything you do. Especially 33.00 to 35.05 where you passed props without saying why. Explaining will help for better understanding and not just copying. Also not to rush when talking lol. Great content. I’d always like and I’ve subscribed too.

I've spent like 2 hours to solve it. omg it's too easy.

Simple, yet brilliant!
Ty Pedro, you are the best!
🙇🤜

Maybe you could make a tutorial on how to make a MERN blog, with images stored in Cloudinary 🤗🙏?

Thank you so much, sir 👍🤝

Hey Pedro, I really struggle with CSS could u make a good tut on that!