If you prefer text to video, check out the transcript of the presentation above
Slide 1
-----------
Part 1: Let's practice!
Slide 2
-----------
Part 1: This time, you must create your to-do app's front end. Like the last exercise, you would need to show all todos and be able to mark them complete or delete them. Newly, you need to show the message that there are zero todos when the component has no todos in the state.
Also, make sure that all four tests successfully pass!
Description
All the extra information about this section
Your goal is to implement the todos app. Please check your test file to see the
full list of requirements. You are required to:
1. Show “0 TODOs” text when no todos are created
2. Add a new TODO when the “Add To-Do” button is pressed
3. Mark TODO as complete, crossing the text with a line
4. Remove todo and show the correct text if number of todos reaches zero.
Your solution should behave as in the image below.
[https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development/sections/exercise-lists-and-conditions-in-react/solution.gif]
Discuss with Others
Ask questions, share your thoughts, and discuss with other learners
Join the discussion to ask questions, share your thoughts, and discuss with other learners
SkillPies