Conditional Rendering in Reactjs|React tutorial for beginners part 4

Описание: This beginner React tutorial will teach you how to do conditional rendering in Reactjs, with a simple mini project , a simple Todo List. By using the concept of conditional rendering, we are able to render the completed items in the todo list as completed items by showing it as deleted with a slash as you can see in the output and the incomplete items remain as is in the list so that they are shown as pending items in the todo list. Hence the term conditional rendering that renders the result as per the condition that you assign to the rendering. We show in this example how we use the if - else Condition to execute the code block which carries out the delete task if the task is completed, else if task is not yet completed the delete code block is not assigned to the item,thereby rendering it as an incomplete or pending item/task in the todo list.

Credits:
Please note, this tutorial is based on the original ReactJS documentation site notes as follows:
https://react.dev/learn

Playlist for React beginner series based on React documentation:
   • React Tutorial for beginners