Управління станом в JavaScript без зовнішніх бібліотек

Добре, шановні пані та панове. Зберіться навколо, оскільки ми збираємось зануритися у складний, іноді несподівано складний світ керування станом в JavaScript. Проте не хвилюйтеся – я обіцяю не лишити вас на коливанні, навіть якщо ви відчуваєте себе так само загубленим, як різдвяний ельф у Сахарі.

Швидкий огляд керування станом

По-перше, давайте трохи розберемося. Керуванням станом в JavaScript є спроба відслідковувати, скільки печива ви з’їли, будучи на цукровому піку – це знати, де ви знаходитесь, над чим працюєте, і що ви будете робити далі.
Без подальших вагань, перейдемо до суті питання.

Основне: Керування станом в JavaScript

Почему нам потрібне керування станом?
Уявіть, що ви працюєте над своєю “наступною великою річчю” – JavaScript-додатком, і справи стають складними. Ви маневруєте даними між кількома компонентами, і, як знає небо, це так само заплутано, як нерозв’язаний кубик Рубіка. Ось де керування станом врятує ваш день – і ваше розуміння.

Знайомство з локальним та сеансовим сховищем

Для керуванням станом платформи JavaScript надають дві вбудовані опції сховища: Локальне та Сеансове. Подумайте про Локальне сховище як про вашу задню клітку – воно утримує ваші речі, поки ви не вирішите їх викинути. Сеансове сховище, з іншого боку, схоже на орендований сховище – тримає ваші речі в безпеці, але як тільки закінчується оренда (або, у цьому випадку, сеанс браузера), ПФФ! Всі ваші речі зникають.

Використання Локального сховища

Використання Локального сховища в JavaScript таке ж просте, як прогулянка. Можливо, ще простіше, якщо порівнювати з тими, хто часто вважає силу тяжіння жорстокою господинею.