Start from two simple approaches working side by side. A functional component and a class component. One Checkbox and a label in each component.
- Implement toggle checkbox feature in both component with different approach.
- Add a strike on text. And toggle it with checkbox
- Add a timer component in both files.
- On mount, start decreasing the time left, until it is 0.
- Make a custom hook, and finally give a completely built dynamic variable without using state.
- Restart timer on checkbox click
- Use window innerWidth. How can we remove component life cycles and make a behavior logic stay in one place.