https://github.com/kaningleb/counter
https://github.com/kaningleb/counter
localstorage react useeffect-hook usereducer-hooks usestate-hook vitest
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/kaningleb/counter
- Owner: KaninGleb
- Created: 2025-02-21T19:07:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-18T01:19:49.000Z (about 1 year ago)
- Last Synced: 2025-10-04T20:57:52.606Z (9 months ago)
- Topics: localstorage, react, useeffect-hook, usereducer-hooks, usestate-hook, vitest
- Language: TypeScript
- Homepage: https://counter-six-opal.vercel.app/
- Size: 218 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Порядок выполнения самопроверочной работы "Счётчик"
Всё, что надо сделать, мы уже делали в TodoList!
1. Создаём новый проект
(create-react-app --template typescript) +++
2. Верстаем внешний вид минимально
(внешний вид - пофиг, но структура должна быть) +++
3. Дробим на подкомпоненты
(табло, кнопки...Один уровень вложенности должен быть,
больше - не надо.) IMPORTANT!!! +++
4. Создаём локальный стэйт и
отображаем его (useState, props) IMPORTANT!!! +++
5. Пишем функции и передаём вглубь на кнопки
(callbacks, onClick) IMPORTANT!!!
Минимально норм, если всё работает. +++
6. Дорабатываем кнопки (делаем дизэйблы по условию:
Add +++
7. Дорабатываем табло
(меняем цвет:
string}>)
Максимально норм. +++
8. Для продвинутых (не обязательно):
кнопку реализовать как один компонент и
использовать два раза с разными props +++
Йоу!!! Ты - высший красавчик :)
... или красотка :)))