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

React Beginner to Advanced Course 2022! In this course I will be going over everything you need to know to go from a complete beginner in react, to being able to create big projects on your own.

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

*EPISODE 5 TIMESTAMPS*

00:00 | Intro
01:00 | Project Introduction
02:47 | Coding the Todo List
03:19 | Adding Tasks
15:47 | Delete Task Functionality
31:50 | Creating a "Task" Component
35:19 | Exercise
36:59 | Solution to Exercise

Tags:
- ReactJS Tutorial
- ReactJS Course
- React Course

#reactjs #course

[shahrukhaltaf]

thanks, Pedro !!! Please continue this react series I and my 6 other friends are following you. Best wishes for your health and wealth may God increase it with an infinite loop 👍

[TimothyBurns-lbcb]

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. (:

[rhiannonmonks]

I am your biggest fan right now! One suggestion. In almost every tutorial I have seen on YouTube it's common to say, 'this isn't a CSS tutorial'. And I agree. However, because occasionally the syntax is different depending on how CSS is used (ie background-color v backgroundColor etc) and also because it took me a while not to get confused with styled components, module.css and also because I think in general there is a repetitive pattern for using CSS with React where it's pretty much width, height, flex etc, I actually think in a tutorial like this, for beginners it is worth going over it vs just jumping through, especially since in some ways you can use those ternary operators to show or hide and again that can be confusing, depending on whether you are using basic CSS with JS or styles. Just a thought, not a criticism, I simply suggest it, because you are so thorough with everything else, and the additional amount of time to add this in (or perhaps maybe doing a standalone course on it) might be really helpful for newbies, because the small differences between classic CSS / JS and how to best use it with React are tiny, but of course one tiny error and the page doesn't render which causes a world of pain! Thanks again for your tutorials!

[eshw]

This series your creating is truly so amazing and helpful thanks

[smridhibhat]

The best React tutorial I have come across. Easy to understand while covering all the important concepts by breaking them into small tasks. Well done Pedro and thank you for putting tremendous effort into your videos to help people learn.

[MrRyXem]

Hello Pedro, thanks for your video. To make it even simpler on the id part, you can pass the index of the element into the map() and use it as a props.

items.map((foundItem, index) => {
return (
<Task
// set a key and an id for React
key={index}
id={index}
/>
)};

Are you planning on doing more videos on how to synchronize mongoDB and React ?
Cheers

[vitaliplatonau]

The brilliant video. Do not worry, Pedro. In general, it was not confusing and was not too long indeed, although, I replayed some parts of the video a few times to digest completely . But learning has never been easy. Please, keep adding more video about different aspects of logic in React and different use-cases of the code. It is interesting to learn how you write and structure your code to solve different tasks with basic React syntax .

[plaguegames]

Well you definitely are a teacher, you have got some cool explanation skills there.

[anuragkasudhan]

i am beginner in learning react, learning new concets with hands on practical experience is very enriching. for me, i wish to get a job soon on react and for you i wish lots of blessings! this course and you have been super helpful.

[_ash]

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

[karankumarftw]

Best react teacher of the world....

and the Award goes to Mr. Pedro ❣️🔥❣️👏

Loads of love from Tamilnadu, India ❣️❣️

[Cinthiasaraiva]

Demorei pra perceber que vc era brasileiro, cara. Que orgulho
obrigada pelo conteúdo!

[oussamabouallati]

Thank you @PedroTech, I like it.
I think it will be better if you added this:
- clear the input after adding the new task
- autofocus[input]
- I could add an empty task (how to fix it?)
- toggle the completed task

I wish you the best of luck and good health,
Thank you again sir!

[ishimweisaac]

Am following along with you bro keep releasing more and more.

[VR]

Excelente Pedro!
Estou fazendo uma revisão do React e os seus tutoriais tem sido bem didáticos!
Keep it up!

[jovanvukomanovic]

I have recently found you on youtube, I am a novice in React, respect for your work and knowledge, I have learned a lot

[BillyRyan]

Hey Pedro ! I love your react course and I must say this is the best tutorial with simple explanations and easy to follow - along coding video . However, I'd like you to slow down the pace at which you speak when you are explaining stuff as this would be difficult for people who are not fluent or native English speakers to follow. Sometimes I have to playback like 6 or 7 times before I could understand a word
Thanks!

[ahmednassar]

Very easy explanation, and it's a great way to deliver the message. Keep going, Pedro's

[fariduddinjhoni]

thanks, Pedro !!! please continue this series collogues and me are following .Awesome

[muradjadoon]

great tutor of react on youtube I have ever watched is pedro I am revicing my react with your this course