Простой и удобный плагин для управления задачами прямо в браузере. Позволяет создавать список дел, отмечать выполнение, редактировать и удалять задачи с возможностью восстановления через корзину.
- Добавление задач — легко создавайте новые дела
- Редактирование — изменяйте текст задачи без лишних кликов
- Отметка выполнения — помечайте задачи как выполненные
- Удаление с корзиной — удаляйте задачи, но при этом не теряйте их навсегда
- Корзина — восстановите удалённые задачи или очистите корзину полностью
- Фильтрация — быстро находите нужные задачи по ключевым словам
- Автосохранение — все данные сохраняются в вашем браузере и не теряются при перезагрузке
- Скачайте архив с плагином и распакуйте его в удобное место на компьютере.
- Откройте браузер Chrome или другой Chromium-браузер.
- Перейдите в раздел расширений: введите в адресной строке
chrome://extensions/и нажмите Enter. - Включите режим разработчика (переключатель в правом верхнем углу).
- Нажмите кнопку Загрузить распакованное расширение (Load unpacked).
- Выберите папку с распакованным плагином.
- Плагин появится в списке расширений и будет доступен для использования.
- React с функциональными компонентами.
- Hooks: useState для состояния задач, useMemo и useCallback для оптимизации рендеринга списка.
- React.memo на уровне компонента задачи для предотвращения лишних перерисовок.
- LocalStorage: автоматическое сохранение и загрузка списка.
- Vite: сборка и бандлинг.
- Данные хранятся локально в вашем браузере — плагин не отправляет информацию на сервер.
- Если вы удалите плагин, данные тоже будут удалены.
- Улучшить навыки использование библиотеки React.
- Научиться использовать Хуки перечисленные выше.
Если у вас возникли вопросы или предложения, пишите:
@EgorGorynych - Telegram
Спасибо за использование плагина!
A simple and convenient plugin for solving management tasks right in the browser. start creating a to-do list, mark completion, administrator and fix problems with recovery via the trash.
- Add tasks — easily create new tasks
- Edit — change the text of the task without unnecessary clicks
- Mark completed — mark tasks as completed.
- Delete with trash — delete tasks, but do not lose them forever
- Trash — restore deleted tasks or empty the trash completely
- Filtering — quickly find the necessary tasks by keywords.
- Autosave — all data is determined in your browser and is not required upon reboot.
- Download the archive with the plugin and unzip it to a convenient location on your computer.
- Open the Chrome browser or another Chromium browser.
- Go to the extensions section: enter
chrome://extensions/in the address bar and press Enter. - Enable developer mode (switch in the upper right corner).
- Click the Load unpacked extension button (Load unpacked extension).
- Select the tip with the unpacked plug.
- The plugin is in the extended list and will be available for use.
- React with functional components.
- Hooks: useState for state tasks, useMemo and useCallback to optimize list rendering.
- React.memo at the component task level to prevent unnecessary redraws.
- LocalStorage: maximum list saving and loading.
- Vite: assembly and bundling.
- Data is stored locally in your browser - the plugin does not send information to the server.
- If you delete the plugin, the data will also be deleted.
- Improve your skills in using the React library.
- Learn to use the Hooks mentioned above.
If you have any questions or suggestions, write: @EgorGorynych - Telegram
Thank you for using the plugin!