Работа с local и session storage в React

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2024

Комментарии • 14

  • @mercury_2379
    @mercury_2379 2 года назад +1

    привет, спасибо за труд, видосы по собеседованиям достаточно полезные
    остальные пока не видел, но позже гляну😅

  • @МарияЧерешня-у2й
    @МарияЧерешня-у2й 2 года назад +1

    Спасибо большое.

  • @Ryold
    @Ryold 2 года назад +1

    Красавчик!

  • @krasniy_traktor
    @krasniy_traktor 2 года назад +2

    Привет, спасибо за твой труд, очень классные видосы. Не мог бы ты с более подробными примерами дать статью или ссылку на источник, где объясняется почему в useState при инициализации каких либо пропсов, допустим даже каких-нибудь статичных конфигов из импортов на прямую в компонент, лучше использовать функцию useState(() => initVal), нежели просто useState(initVal).
    Под initVal как раз таки подразумеваю каких то ссылочные значения (массивы, объекты, функции и т д)

    • @ayub_begimkulov
      @ayub_begimkulov  2 года назад +2

      Привет.
      Если значение статичное - разницы нет, можно и сразу передавать его.
      Функция нужна для того, чтобы не создавать лишних объектов или не совершать не нужные вычисления, так как они нужны будут только при инициализации компонента.
      В других ситуациях - правильнее будет передать значение сразу.

  • @mody-pq8kd
    @mody-pq8kd Год назад

    А почему при инициализации useState не нужно сетать initialValue с сторедж? Я понимаю, что это сайд эффект, но если мы не вызовем функцию update, то в сторедж не запишется ничего. Или это так и задумывалось?

  • @grenadier4702
    @grenadier4702 2 года назад +1

    норм, забыл только учесть ssr

    • @ayub_begimkulov
      @ayub_begimkulov  2 года назад

      По идее обёртка, которую мы писали в предыдущем уроке будет нормально работать с ssr - метод get будет отдавать undefined.

  • @kawaikaino5277
    @kawaikaino5277 2 года назад

    Тайпскрипт, конечно интересная штука, но ппц как усложняет чтение, казалось бы простого кода...

    • @Ryold
      @Ryold 2 года назад

      без тайпскрипта не реал на проектах. спорное суждение что он усложняет чтение

    • @ayub_begimkulov
      @ayub_begimkulov  2 года назад

      Пока ты не привык и плохо с ним знаком - несомненно.
      Но сейчас мне будет намного сложнее прийти на проект без TS и понять, что там происходит, нежели с ним.
      Так что усложняет чтение он тем, кто с ним пока не на «ты».

  • @ОлегКозлов-е7ч
    @ОлегКозлов-е7ч 2 месяца назад

    можно обновить без useLatest()
    const updateValue = useCallback(
    (newValue: React.SetStateAction) => {
    setValue((prevValue) => {
    let updatedValue = isFunctyon(newValue)
    ? newValue(prevValue)
    : newValue;
    localStorage.setItem(key, JSON.stringify(updatedValue));
    return updatedValue;
    });
    },
    [key]
    );