Size: a a a

React — русскоговорящее сообщество

2021 April 04

i

iwannafly in React — русскоговорящее сообщество
Пробуйте декомпозировать задачу и оценивать уже подзадачи, должно быть попроще, заодно может что неучтенного всплывет
источник

AS

Alexandr Sachishin in React — русскоговорящее сообщество
Alena Golovko
Привет
Может кто подскажет,
Для сборки использую parsel bundler. Нужно сделать lazy loading для фоновых картинок.
Пыталась закинуть путь к картинке в дата атрибут и когда пользователь доскролит до нужного блока добавлять стиль,
но после сборки путь меняется (был "img/main_bg.png", а после сборки "/main_bg.eb0bf3ea.png")
и что-то пока не могу придумать, как это сделать

Код для lazy load взяла отсюда https://codepen.io/rposbo/pen/ONmgVG?editors=1010
если проект создан через cra - установить craco, затем создать craco.config.js и в нем убрать хэш для картинок при билде
источник

AS

Alexandr Sachishin in React — русскоговорящее сообщество
либо (не знаю, сработает ли), закинуть в static. по идее, не должно менять
источник

L

L in React — русскоговорящее сообщество
Пример из документации Redux. Зачем в createStore мы вызываем dispatch?
источник

MK

Max Kiner in React — русскоговорящее сообщество
L
Пример из документации Redux. Зачем в createStore мы вызываем dispatch?
Вроде бы эта функция автоматом стартует
источник

MK

Max Kiner in React — русскоговорящее сообщество
А диспатч нужен для инициализации стора
источник

L

L in React — русскоговорящее сообщество
Max Kiner
Вроде бы эта функция автоматом стартует
у нас же в createStore есть параметр preloadedState, который задает сам state, т е он уже инициализируется
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
L
у нас же в createStore есть параметр preloadedState, который задает сам state, т е он уже инициализируется
Он опциональный
Плюс надо проверить, что редьюсеры валидны
источник

Н

Николай in React — русскоговорящее сообщество
Вот такой вопрос, если в реакте есть reducer , зачем нужен  redux  если они делают одно и тоже, или я чего-то не понимаю просто?
источник

AG

And Grigoryan in React — русскоговорящее сообщество
Николай
Вот такой вопрос, если в реакте есть reducer , зачем нужен  redux  если они делают одно и тоже, или я чего-то не понимаю просто?
🤔
источник

AG

And Grigoryan in React — русскоговорящее сообщество
Вы кажется путайте редюсер с контекстом
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Николай
Вот такой вопрос, если в реакте есть reducer , зачем нужен  redux  если они делают одно и тоже, или я чего-то не понимаю просто?
Как вы получите доступ к состоянию в reducer из других компонентов?
источник

Н

Николай in React — русскоговорящее сообщество
And Grigoryan
Вы кажется путайте редюсер с контекстом
useReducer?
источник

AS

Alexandr Sachishin in React — русскоговорящее сообщество
Vladimir Klimov
Как вы получите доступ к состоянию в reducer из других компонентов?
Передать коллбэком. где вызовется, там передать нужные данные
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Alexandr Sachishin
Передать коллбэком. где вызовется, там передать нужные данные
Ну, замечательно
А теперь представьте вложенность в 15 клмпонентов
И надо сверху передать вниз этот колбек на 15 уровней
И в соседнюю ветку на 20
источник

AS

Alexandr Sachishin in React — русскоговорящее сообщество
Vladimir Klimov
Ну, замечательно
А теперь представьте вложенность в 15 клмпонентов
И надо сверху передать вниз этот колбек на 15 уровней
И в соседнюю ветку на 20
Для этого есть connect
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Alexandr Sachishin
Для этого есть connect
В редаксе есть
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Потому, что состояние редакса находится вне реакта, оно глобальное по отношению к компонентам
источник

AS

Alexandr Sachishin in React — русскоговорящее сообщество
Но ведь можно и самому написать context provider и context consumer
источник

VD

Vadim D in React — русскоговорящее сообщество
Alexandr Sachishin
Но ведь можно и самому написать context provider и context consumer
Ну вот так и напишешь свой редакс потихоньку)
источник