Надеялся услышать конкретные варианты

Session storage — норм вариант

Session storage — норм вариант

Интересно почему реакт роутер вообще это из коробки сам не делает?

mvvm VS redux

Скопируй просто этот символ рубля откуда нибудь и вставь как строку.

Скопируй просто этот символ рубля откуда нибудь и вставь как строку.

Самое печальное, что так стояло изначально и уже не работало

Как правильно отредактировать элемент в массиве (массив объектов), который находится в стейте? С хуком useState?

Чтобы не было мутации

Как правильно отредактировать элемент в массиве (массив объектов), который находится в стейте? С хуком useState?

копируй массив let clone = […arr] и модифицируй его, потом установи на место setArr(clone)

копируй массив let clone = […arr] и модифицируй его, потом установи на место setArr(clone)

Спасибо!

А может кто-нибудь посоветовать легкую и простенькую либу для графиков? Не нужно ничего сложного, просто показать график за 7 дней и более функциональности не требуется.

http://recharts.org/en-US/

Я правильно понимаю, фабрика с ридаксом к примеру, например круд операций с записями и коментами, можно сделать одну функу, которая внутри нагенерит все?

Всем привет. Я хотел залить свой кастомный компонент в npm. Для этого я пользуюсь create-react-library . Всё работало шикарно, пока я не скачал antd и начал пользоваться. Выдаёт ошибку [!] Error: Unexpected token node_modules\antd\package.json (2:9) 1: { 2: "_from": "antd@^3.26.0", ^ 3: "_id": "antd@3.26.0", 4: "_inBundle": false, . Буду благодарен за любую помощь.

http://recharts.org/en-US/

Спасибо!)

Редакс — это стейт-машина, имлементирующая архитектуру flux. К ней не применимы термины MV*. Можно пихать в редакс что угодно, я разрешаю. Но я в своих приложениях храню в редаксе только данные бизнес-логики. Для всякого вью-мусора предпочитаю держать отдельный контекст. Мне кажется это осмысленным, ведь когда мне понадобится редакс-стор на сервере (ssr) или в другом приложении (react native, например), я смогу легко и просто его дёрнуть, не выпиливая редукторы, которые прибиты гвоздями к вьюхам в конкретном приложении.

Спасибо!

А лучше возьми useReducer. Он как раз для структур хорошо подходит.

Да... useReducer очень хорош для небольших объемов данных...лёгкий простой и намного функциональней цепочек useState...

ребят, тако вопрос. у меня есть страница с каталогом на которой у каждого товара есть возможность выбрать модификацию и количество в зависимости от чего меняется цена. как мне хранить это правильно? Сейчас я просто по api получаю список товаров и кидаю в redux store. Для этого отдельно в store Хранить массив или же в массив который я получаю по api добавлять доп свойства типа selected?

А лучше возьми useReducer. Он как раз для структур хорошо подходит.

Почитал доку, сложно... Буду искать видео с туториалом 😁

ребят, тако вопрос. у меня есть страница с каталогом на которой у каждого товара есть возможность выбрать модификацию и количество в зависимости от чего меняется цена. как мне хранить это правильно? Сейчас я просто по api получаю список товаров и кидаю в redux store. Для этого отдельно в store Хранить массив или же в массив который я получаю по api добавлять доп свойства типа selected?

Товары в магазине и товары в корзине — это разные сущности. Храни в отдельных кусках стора.

Товары в магазине и товары в корзине — это разные сущности. Храни в отдельных кусках стора.

стейт корзины это же другое? мне нужно управлять стейтом стоимости. получается 3 стейта. стейт api товаров, стейт товаров для управления ценой и стейт корзины

стейт корзины это же другое? мне нужно управлять стейтом стоимости. получается 3 стейта. стейт api товаров, стейт товаров для управления ценой и стейт корзины

Два: Товары на полке — то, что пришло от апи со всеми ценами, и модификациями. Товары в корзине — то, что выбрал пользователь — конкретный товар с модификациями и количеством.

Два: Товары на полке — то, что пришло от апи со всеми ценами, и модификациями. Товары в корзине — то, что выбрал пользователь — конкретный товар с модификациями и количеством.

А если юзер не выбирает товар а просто играется с выбором модификации?

А если юзер не выбирает товар а просто играется с выбором модификации?

Ценой управлять можно в компоненте отображения — в пропсы приходит товар и модификации, в локальном стейте вычисляется цена.

Ценой управлять можно в компоненте отображения — в пропсы приходит товар и модификации, в локальном стейте вычисляется цена.

блин точно) спасибо

блин точно) спасибо

Когда пользователь нажимает «добавить в корзину» диспатчишь экшен с id товара, модификацией и количеством.

Когда пользователь нажимает «добавить в корзину» диспатчишь экшен с id товара, модификацией и количеством.

ага. спасибо

Как узнать, что инпут прошёл встроенную валидацию при submit'e? Например, в обычном JS можно так: document.querySelector("#email").validity.valid

Как узнать, что инпут прошёл встроенную валидацию при submit'e? Например, в обычном JS можно так: document.querySelector("#email").validity.valid

а как ты данные из него получаешь?

onChangeEmail = event => event.target.value onChange={this.onChangeEmail}

onChangeEmail = event => event.target.value onChange={this.onChangeEmail}

event.target.validity.valid

И правда) Спасибо

телега у всех умирает?

телега у всех умирает?

да не

привет кто шарит в mobX подскажите плс, не понимаю в статье пишут про использование React.useContext в который помещаем store. но какую проблему решает этот хук ?

привет кто шарит в mobX подскажите плс, не понимаю в статье пишут про использование React.useContext в который помещаем store. но какую проблему решает этот хук ?

Нету инжектов

Нету инжектов

то есть я могу из любого компонента взять стор через хук ?

то есть я могу из любого компонента взять стор через хук ?

Йеп

то есть на практике делают вызов useContext(MyStore) в нужном компоненте ?

то есть на практике делают вызов useContext(MyStore) в нужном компоненте ?

Лучше делать кастомные хуки что бы брать сторы

В доке есть пример

спасибо

спасибо

https://mobx-react.js.org/recipes-context

Mobx по сравнению с redux оказался очень удобной штукой

Ребят, всем привет. Такой вопрос, на что еще можно обратить внимание кроме, bootstrap semantic-ui Может быть есть хорошие альтернативы или новые проекты которые чем то лучше или выглядят приятнее ?

Mobx по сравнению с redux оказался очень удобной штукой

До поры, до времени)

Ребят, всем привет. Такой вопрос, на что еще можно обратить внимание кроме, bootstrap semantic-ui Может быть есть хорошие альтернативы или новые проекты которые чем то лучше или выглядят приятнее ?

material-ui

Ребят, всем привет. Такой вопрос, на что еще можно обратить внимание кроме, bootstrap semantic-ui Может быть есть хорошие альтернативы или новые проекты которые чем то лучше или выглядят приятнее ?

Посмотри на архитектуру и подходы в mui. Полезное занятие.

@MKuzmin0, @gorbunov_i Спасибо !

До поры, до времени)

Ну если построить норм архитектуру, да и на контекстах с хуками смотрится очень удобной вещью

Ну если построить норм архитектуру, да и на контекстах с хуками смотрится очень удобной вещью

Только эту норм архитектуру должен построить кто-то, кто умеет строить норм архитектуры)

Только эту норм архитектуру должен построить кто-то, кто умеет строить норм архитектуры)

У меня как раз щас будет скоро стоять такая задача, кое какие идеи и концепция есть, реализовать только вот будет стрёмно, такая ответственность впервые

Подскажите, как подружить next.js и redux-observable?

Вот еще совсем непонятно. Мне кажется, что эти два метода должны работать одинаково, но первый работает так как мне хочется (удаляет из массива объект по индексу), а второй метод удаляет все остальные объекты, кроме нужного. ЧЯДНТ?

Вот еще совсем непонятно. Мне кажется, что эти два метода должны работать одинаково, но первый работает так как мне хочется (удаляет из массива объект по индексу), а второй метод удаляет все остальные объекты, кроме нужного. ЧЯДНТ?

Splice мутирует и возвращает удаленные

Splice мутирует и возвращает удаленные

Тоесть мне не нужно пытаться сократить первый метод, он нормальный?

Вот еще совсем непонятно. Мне кажется, что эти два метода должны работать одинаково, но первый работает так как мне хочется (удаляет из массива объект по индексу), а второй метод удаляет все остальные объекты, кроме нужного. ЧЯДНТ?

Юзай фильтр, будет тебе счастье

Юзай фильтр, будет тебе счастье

О! Спасибо!

У меня как раз щас будет скоро стоять такая задача, кое какие идеи и концепция есть, реализовать только вот будет стрёмно, такая ответственность впервые

Точно зафакапишь

О! Спасибо!

Там и копировать массив не нужно — фильтр не мутирующий метод

О! Спасибо!

Или slice

Заодно и вместо индекса можно по id фильтровать...

Точно зафакапишь

Не демотивируй)

Заодно и вместо индекса можно по id фильтровать...

https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns Вот в принципе можешь глянуть

https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns Вот в принципе можешь глянуть

Я до этого еще не дошел, спасибо 😁

@maximkoylo а где делать асинхронные вызовы с использованием mobx ? локально в компоненте и там же менять стор ?

Не демотивируй)

Ты волен воспринимать это как захочешь. Как по мне — это не демотивация. Ну зафакапишь, ну и что — ты не первый и не последний. Зато опыта наберешься, может на шестой или десятый раз сделаешь более-менее нормально.

@maximkoylo а где делать асинхронные вызовы с использованием mobx ? локально в компоненте и там же менять стор ?

В методах store

В методах store

окей. спасиб

Я до этого еще не дошел, спасибо 😁

Прежде чем так говорить, почитай про что статья. Она не про редакс.

@maximkoylo а где делать асинхронные вызовы с использованием mobx ? локально в компоненте и там же менять стор ?

У тебя должны быть отдельные файлы с апи запросами, в экшенах же через flow, вызываешь эти апи запросы

А не подскажете расширения для Vs code с такими вот штуками?

А не подскажете расширения для Vs code с такими вот штуками?

шторм

Я знаю

Но у меня вс код)

ребят, такой вопрос. делаю все по докам, установил typeface-robota. потом в сновном компоненте делаю import 'typeface-robota' но оно ругается, много разных ошибок. наверное они сейчас как то уже подругому подключаются ? next самый последний

может доки устарели ?

!ban

ребят, такой вопрос. делаю все по докам, установил typeface-robota. потом в сновном компоненте делаю import 'typeface-robota' но оно ругается, много разных ошибок. наверное они сейчас как то уже подругому подключаются ? next самый последний

Покажи, как ругается и на что ругается.

пару минут. дойду до компа