Оцените код приложения?

Question

[artemphrog]

Приложение представляет собой простой редактор заметок, можно удалять, добавлять и изменять. Хранит локально в браузере. Писал с помощью библиотеки React. Это мой первый более-менее серьезный проект.
Сам сайт: https://sangsans.github.io/webnotes-gh/
Код: https://github.com/sangsans/webnotes

Comments

[Одиночка Айс]

Я в Реакте (как и в остальных js-библиотеках/фреймворках современных) 0, поэтому пару замечаний по UX.

1. Во время поиска пропадает кнопка добавления (вроде и понятно), но как мне все вернуть назад тогда? Стирать поисковый запрос? Долго. Можно добавить крестик для очищения поискового запроса.

2. Ссылки не становятся ссылками, обидно и неудобно.

[artemphrog]

Одиночка Айс, про 1 не подумал, допилю. 2 вы имеете ввиду ссылки неактивные в заметках? Хм, тоже сделаю, лишний опыт не помешает. Спасибо.

Answer 1

[alex_ok83]

норм, я бы разбил components чтобы каждый компонент имел свое пространство (папку), так проще ориентироваться по проекту, методы работы localStorage - вынес бы в отдельный класс и переиспользовал где надо.
а так идея прикольная, не до конца продумано, если в одной записке много текста - он не скролится и едет верстка

Comments

[artemphrog]

Ну не знаю, если для каждого компонента своя папка думаю будет много лишних кликов. Хотел прописать интерфейс для localStorage, но его вызовов считанное количество, поэтому не стал.

если в одной записке много текста - он не скролится и едет верстка

Даже не заметил, пофиксим.
Спасибо за ответ.

[alex_ok83]

artemphrog, ну если у тебя проект будет разрастаться то все лежит в одном месте и стили и js
опять если развивать идею я бы прикрутил typeScript