Уроки Javascript #7. Local Storage - Как правильно использовать? [JS для начинающих]

В этом видео я использую объект Local Storage, который доступен в каждом браузере для хранения любых данных без использования бэкенда.
С помощью объекта хранилища Local Storage, мы будем управлять состоянием следующих элементов на странице:
1) Список ингредиентов нашей пиццы
2) Чек боксы - напротив названия каждого ингредиента

Чтобы понять, что такое localStorage, просто представьте, что где-то у вас в браузере встроен такой объект, которым мы можем пользоваться. При этом данный объект не очищает значения, которые мы туда запишем, если мы перезагрузим страницу или даже совсем закроем браузер.

Мои Курсы:

Подписывайся на соц сети:

[VaeVcts]

Начать говорить о локалсторедже, на 20 минуте видео про локалсторедж - гениальный план

[avelo]

Благодарю Вас. У Вас очень приятный голос. Вас нравится слушать.

[youtubekostroma]

Годный контент. «Все как доктор прописал». Спасибо.

[deterkot]

всм 307 лайков?

это определено лайк, грех не поставить лайкос за такую годноту

[omarkertis]

Отдельное спасибо и за исходник хорошего примера.

[Norby-Norby]

Спасибо за труд. Пример отличный. Взял исходник, ушел разбираться)))

[VenatorLine]

Огромное спасибо за видеоурок. Только после этого видео дошло как использовать LocalStorage. С меня 38 лайк.

[ElferCool]

Вау, круто. Несколько лет уже программирую и не знал про такую штуку. Спасибо огромное за интересный и понятный материал 🙏

[Нейронафт]

Подскажите пожалуйста как достать переписку чатов из локального хранилища Google Chrome?

[velikorossnationalist]

Здравствуйте! Почему в локал сторадж не сохраняет значения после перезагрузки или обновления приложения?

import React, { useEffect, useState } from "react";
import "./styles.css";

export default function App() {
const [radioValue, setRadioValue] = useState("");

useEffect(() => {
window.localStorage.setItem("language", radioValue);
}, [radioValue]);

useEffect(() => {

}, []);

function changeHandler(event) {

}

return (
<div className="App">
<h1> Hello! </h1>

<input
type="radio"
name="radio"
value="ru"
checked={radioValue === "ru" ? true : false}
onChange={changeHandler}
/>

<input
type="radio"
name="radio"
value="en"
checked={radioValue === "en" ? true : false}
onChange={changeHandler}
/>
</div>
);
}

[antonyeskimo]

Спасибо за ваш труд. Подскажите, как удалить ингредиент из списка и из localstorage

[delusio]

поди браузеры этой штукой засираются... где браузеры хранят localStorage? ccleaner чистит localStorage?

[btdrdhf]

Видео замечательное, все понятно. Одно но: что делать, если необходимо очистить сохраненный в Local Storrage список?

[therelaxingsound]

У меня довольно много ошибок вылетало на этом уроке, при идентичном коде. Возможно что-то работает уже не так, как 2 года назад. Я урок до конца досмотрела конечно....

[sviatbondar]

return;
console.log(e.target);
не понимаю, ведь если код натыкается на return то "Оператор return завершает выполнение текущей функции и возвращает её значение." и"Выражение, значение которого будет возвращено. Если не указано, вместо него возвращается undefined." как тут возвращается input . Магия какая то

[vladbis]

изменение в LS как внести в элементы LS?

[timmyboy]

ne sovsem ponyal zachem nam menyat' znachenie na 'checked' ???