Можно ли использовать local storage браузера для хранения состояния приложения react?

Question

[Kentavr16]

Мне пришла в голову мысль использовать локальные хранилище для хранения состояния приложения. В теории может быть удобно - без регистрации/логина у пользователя будет Сохраняться выбранная тема например. Разумен ли такой подход?

Comments

[Kovalsky]

Друзья не поверят! Оказывается если написать в гугл "react save state to local storage"...

[Kentavr16]

Kovalsky, я не спрашиваю возможно ли это. Меня интересует почему это не стало широкой практикой? Наверняка минусов много. Толькосам я их не вижу.

Answer 1

[Василий Банников]

минусов нет и много кто так делает.
Для этого в общем-то localstorage / sessionstorage и придуманы.
В local storage нельзя только класть всякие чувствительные данные, типа паролей, токенов, и сессий.

Comments

[Kovalsky]

Почему? Caniuse говорит что IE8-10 поддерживает ls

[Василий Банников]

Kovalsky, странно. Мне казалось что это сравнительно новая штука

Answer 2

[Илья]

Да в общем у как и у любого кэша проблемы начинаются когда его нужно инвалидировать. Куки вы можете переписать с сервера.

Ну еще могут быть проблемы если код что-то криво запишет и поломает вашу структуру (если она есть конечно). То есть если вы сохраняете обьект то нужно быть готовым что он может вернуться из хранилища невалидным. Но это проблемы скорее больших приложений с несколькими разработчиками.

Answer 3

[Надим]

Для этих целей лучше использовать IndexedDB.

Comments

[Kentavr16]

Спасибо, полезно. Почитаю на этот счет

[Надим]

Kentavr16, загуглите: localForage
Эта штука облегчает использование IndexedDB.