Да, но все равно не хватает ещё инфы

Да, но все равно не хватает ещё инфы

Синглстор, это когда у тебя 1 источник правды Мультистор, десятки > как это синглстор с плюсами мультистора? См. ситуация в мультисторах (часто их за это любят) const store1 = new Store() const store2 = new Store() ... const store100 = new Store() const store1.subscribe(() => {}) const store2.subscribe(() => {}) Каждый стор имеет свою очередь подписок, за счёт чего оповещение подписчиков банально быстрее происходит (меньше функций вызывать). Это касается всех мультисторов. Вот пример плохой ситуации с синглстор в Redux (одно из самых слабых мест), т.к. создаётся одна очередь подписок которая дёргается на каждое изменение стора. const store = createStore() store.subscribe(() => {}) store.subscribe(() => {}) // etc store.subscribe(() => {}) Вот кейс как это в Reatom выглядит const store = createStore() store.subscribe(UserAtom, () => {}) store.subscribe(CartAtom, () => {}) // etc store.subscribe(ProductsAtom, () => {}) В сторе каждый атом имеет свои очедери подписок, за счёт чего доставка данных осуществляется за минимальное кол-во шагов. Тоже самое касается и обработки данных, т.к. экшены подадают сразу в нужные обработчики (а не пронизывают ВСЕ редьюсеры, как редакс)

спасибо за подробное объяснение

Да, но все равно не хватает ещё инфы

группа по реатому есть?

Синглстор, это когда у тебя 1 источник правды Мультистор, десятки > как это синглстор с плюсами мультистора? См. ситуация в мультисторах (часто их за это любят) const store1 = new Store() const store2 = new Store() ... const store100 = new Store() const store1.subscribe(() => {}) const store2.subscribe(() => {}) Каждый стор имеет свою очередь подписок, за счёт чего оповещение подписчиков банально быстрее происходит (меньше функций вызывать). Это касается всех мультисторов. Вот пример плохой ситуации с синглстор в Redux (одно из самых слабых мест), т.к. создаётся одна очередь подписок которая дёргается на каждое изменение стора. const store = createStore() store.subscribe(() => {}) store.subscribe(() => {}) // etc store.subscribe(() => {}) Вот кейс как это в Reatom выглядит const store = createStore() store.subscribe(UserAtom, () => {}) store.subscribe(CartAtom, () => {}) // etc store.subscribe(ProductsAtom, () => {}) В сторе каждый атом имеет свои очедери подписок, за счёт чего доставка данных осуществляется за минимальное кол-во шагов. Тоже самое касается и обработки данных, т.к. экшены подадают сразу в нужные обработчики (а не пронизывают ВСЕ редьюсеры, как редакс)

минус этого - тригер? какие еще есть недостатки моностора?

О каком тригере речь? Не совсем понял.

ну , моностор, подписка на весь обьект, ридакс тригернет всех, а в мульти свой стор - своего подписчика

У реатома ты подписываешь именно на части стора (атомы). Таким образом, что подпичику не нужно, то он и не получит.

может кто знает. Есть навбар, который скроллится по оси x, как реализовать, чтобы активный таб всегда был виден?

ну , моностор, подписка на весь обьект, ридакс тригернет всех, а в мульти свой стор - своего подписчика

Проблемы с перфом

на флексе он

ну это да, я думал может еще что то есть

ну вообще к реакту особо нету отношения. Не вижу твою верстку, но решение напрашивается в добавлении определенных стилей активному табу

привет, можно ли новичку начать с React в действии или лучше сначала ознакомиться с книгой по чистому javascript?

вот я и думаю какие свойства ему нужны

А, кстати да, ты заебешся писать экшны/редьюсеры, они имеют глобальный редьюсер, который при диспатче экшне проходится по всему

нет, сначала JS

createSlice

Проблемы с перфом

посоветуйте какой-нибудь must read, не считая документации. флэнаган, что-то другое?

посоветуйте какой-нибудь must read, не считая документации. флэнаган, что-то другое?

посоветуйте какой-нибудь must read, не считая документации. флэнаган, что-то другое?

на ассемблере пиши, там и памяти меньше расходоваться будет, а то как же, 2020 год, а веб-приложения сотни мегабайт оперативки жрут

всем спасибо!

посоветуйте какой-нибудь must read, не считая документации. флэнаган, что-то другое?

А как на реакте?

А как на реакте?

position: sticky?

А как на реакте?

беда с поддержкой в браузерах. Впрочем, это уже не про реакт

беда с поддержкой в браузерах. Впрочем, это уже не про реакт

беда с поддержкой в браузерах. Впрочем, это уже не про реакт

беда с поддержкой в браузерах. Впрочем, это уже не про реакт

Стики нельзя

position: sticky?

почему?

Старший товарищ программист говорит, будет мешать остальной вёрстке

А как на реакте?

также)

можно через ref достать ссылку на хедер, сетить можно через style prop или по рефу...

Ref использовать не рекомендуется? я слышал

если тебе нужно работать с текущими нодами и геометрией, как без этого? ну может там onScroll хватит обработчика и из ивента брать ссылку на ноду

Ребят, подскажите как лучше плиз!У меня есть товар кофе, делаю мап,получаются карточки, по нажатию добавляется в корзину и считается тотал.По некоторым позициям нужно сделать размеры , следовательно у стандарта меняются цена,вес итд { id: 218, title: "latte", size: { S: { weight: 10, price: 30 }, M: { weight: 12, price: 40 }, L: { weight: 15, price: 50 } }, Сделать что-то типа такого?И внутри карточки писать что если есть size то Object.entries и так далее, или есть метод поэффективнее? Либо вообще делать разные позиции и разные id и как-то сгруппировать

Народ помогите понять как сделать сортировку внутри компонента. У меня есть collection который я беру из redux const collection = useSelector((state:any) => [{'name':'one'},{'name':'two'},{name'=>'three'}]);// потом я создаю локальный useState const [mutableCollection, setCollection] = useState([...collection]) // потом я создаю mutableCollection // функция сортировки let copyCollection=[...mutableCollection]; copyCollection=copyCollection.filter((elem)=>{ if(elem.name.toLowerCase().includes('two')){ return true; } }); setCollection(copyCollection);Сортировка работает, но когда я меняю collection в redux, то mutableCollection новый не создается, а используется старый. Как это пофиксить?

Но лучше переделать на массив объектов, т.к. порядок элементов в объекте не детерменирован: sizes: [{ size: 'S', weight: 1 }, { size: 'XL', weight: 2 }]

а не будет конфликта в корзине, есть в нем будет 2 кофе разных размеров но с одинаковым id? Или же сделать по нажатию на кнопку размера setPrice и отправлять наверх? В данный момент по клику на карточку,просто отправляю наверх сам item

очевидно что уникальностью будет являться id товара + его размер

То есть нормальным вариантом будет сделать хук цены внутри самой карточки и при нажатии формировать товар?

import data from '../products'; const initialState = { data: data }; const reducer = combineReducers({ filter: filterReducer, }); const devtools = window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(); export const store = createStore(reducer, initialState, devtools); Всем привет. Подскажите, почему в стор не попадает data?

import data from '../products'; const initialState = { data: data }; const reducer = combineReducers({ filter: filterReducer, }); const devtools = window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(); export const store = createStore(reducer, initialState, devtools); Всем привет. Подскажите, почему в стор не попадает data?

Ничего 🙁 undefined

https://redux.js.org/api/createstore/

?