أهلاً بيك. العداد ده فيه state للعدد و state للخطوة، ومنطق التغيير متفرق في الـ JSX. لما الـ state يكبر، الأنظف إن كل التغييرات تبقى في دالة واحدة. ودي فكرة useReducer.
/index.html
useReducer
  • reducer(state, action) ← state جديد
  • dispatch({ type: "plus" })
  • كل منطق التغيير في مكان واحد
  • مفيد لما فيه قيم كتير بتتغير مع بعض
  • useState كفاية للحاجات البسيطة