Сделай пример на codesandbox каком нибудь для начала

https://codesandbox.io/s/cold-moon-vos67 главный фигуран components/album-list......тыкаем на шестеренку -> rename label -> new label -> save...и видно как меняется label, но приложение одновляется до initialState

А через оверрайд какой-нибудь это можно сделать?

А чего всё так от эджекта открещиваются?

А чего всё так от эджекта открещиваются?

зачем тогда CRA, если еджектить его?)

А чего всё так от эджекта открещиваются?

Много раз уже обсуждали, поддержка теряется - а это самое главное

А через оверрайд какой-нибудь это можно сделать?

Мб, выпилить этот вебпак плагин

Хотел репл быстро поднять, уже час на КРА убил...

Хотел репл быстро поднять, уже час на КРА убил...

parcel/rollup )

кстати да,пойду парсель возьму

https://github.com/jamiebuilds/unstated-next Кто нибудь использует уже как замену Redux?

https://github.com/jamiebuilds/unstated-next Кто нибудь использует уже как замену Redux?

Это не замена редаксу

Либо у вас маленькое приложение и вам не нужен редакс (и тогда подойдет анстейтед), либо большое и нужен нормальный СТМ

Либо у вас маленькое приложение и вам не нужен редакс (и тогда подойдет анстейтед), либо большое и нужен нормальный СТМ

а как различать большое от маленького? Если не в см

https://github.com/jamiebuilds/unstated-next Кто нибудь использует уже как замену Redux?

Автор неадекват, лучше ничего от него не юзать

Автор неадекват, лучше ничего от него не юзать

лол)

Ребят, как сделать чтобы при инпуте в поле вводились только числа? Делаю так с регулярками, но чет не получается handleChange = (e) => { e.target.id === "duration" ? ( this.setState({ [e.target.id]: e.target.value.replace(/[^0-9]+/g, "") }) ) : ( this.setState({ [e.target.id]: e.target.value }) ) }

когда id === duration

type number

но тут проблема, у меня как бы не инпут, а див с contenteditable)

🤔

Ребят, в стейте редакса корзины хранить полностью объект товара или айди достаточно ?

Если тебе остальные данные не нужны, можешь только id А если отображаешь где то и другие данные то лучше полностью

Если полностью хранить объект придется в стейте корзины хранить список всех товаров, или при добавлении товара в корзину отправлять не только айди

mobx-state-tree использует кто-нибудь? Если да, в чем видите преимущество перед чистым mobx?

Ребят, пробую сделать логаут юзера, но что-то не работает. Можете подсказать, что не так я делаю? https://codesandbox.io/s/github/frontvin/simple-site

Ребят, пробую сделать логаут юзера, но что-то не работает. Можете подсказать, что не так я делаю? https://codesandbox.io/s/github/frontvin/simple-site

а где там логаут?

@B_O_G_D_A_N_O_F_F в Dashboard.tsx

еще посмотрите пожалуйста action.tsx, localstorage.tsx, saga.tsx

блин, тут полминуты слоу мод, неудобно-то как. Я не вижу у вас обработку ошибок логаута

я на все действия создаю 3 экшна - X_REQUEST, X_SUCCESS, X_FAILURE и вывожу ошибки если они есть. Кстати можно удалять итем из локалстораджа прямо без yield, в саге

блин, тут полминуты слоу мод, неудобно-то как. Я не вижу у вас обработку ошибок логаута

то на логаут тоже нужно сделать 3 экшена?

аа.. не знал

но я не пойму, что у меня не так? почему не происходит логаут

У меня при логауте идёт запрос на бекенд на инвалидацию токена, если токен инвалидирован, я делаю put(LOG_OUT_SUCCESS) и удаляю без yield всё что нужно из локалстораджа, и потом ещё тоаст с сообщением мол успешный логаут

У меня при логауте идёт запрос на бекенд на инвалидацию токена, если токен инвалидирован, я делаю put(LOG_OUT_SUCCESS) и удаляю без yield всё что нужно из локалстораджа, и потом ещё тоаст с сообщением мол успешный логаут

а что в моем случае делать?

в твоём случае я бы сделал тупо localstorage.removeItem("state") прямо в саге без yield

в твоём случае я бы сделал тупо localstorage.removeItem("state") прямо в саге без yield

ок

у меня выбивает ошибку: TypeError: props.onLogout is not a function

а что не так в моем Dashboard.tsx

в твоём случае я бы сделал тупо localstorage.removeItem("state") прямо в саге без yield

я не правильно хендлер пишу?

@B_O_G_D_A_N_O_F_F я так понимаю что у меня c диспатчем логаут экшена проблема

Ребята, как здесь оформить код в сообщении? Чтобы с формитированием был

Никак по моему. Можешь скинуть ссылку на jsbin какой или любой другой код шейр

Ну моноспейсом через три ` разве что можно открывающие и закрывющие

Никак по моему. Можешь скинуть ссылку на jsbin какой или любой другой код шейр

А вот человек оформил как то https://t.me/react_js/729506

Ну моноспейсом через три ` разве что можно открывающие и закрывющие

Работает, спасибо

Есть лучшее решение такой обертки? function withContainer(component) { return <div className="container">{component}</div> } ...{withContainer(MyComponent)}... ?

Есть лучшее решение такой обертки? function withContainer(component) { return <div className="container">{component}</div> } ...{withContainer(MyComponent)}... ?

А нельзя просто создать компонент контейнер?

Я не знаю, что мне нужно оборачивать, это нужно делать в нескольких местах

Например в 2-х меню из 3-х нужен контейнер, а в 3-ем нет, там карта на полный экран

ребят, что не так с диспатчем екшена? у меня выбивает ошибку TypeError: props.onLogout is not a function вот код: import React from 'react' import { Container } from "semantic-ui-react"; import Button from "semantic-ui-react/dist/commonjs/elements/Button"; import {logoutUser} from "../../actions/actions"; import {IState} from "../../reducers/rootReducer"; import {connect} from "react-redux"; import {Dispatch} from "redux"; export const Dashboard = (props: any) => { const logOutHandler = (e: React.MouseEvent<HTMLButtonElement>) : void => { e.preventDefault(); props.onLogout(); }; return ( <Container textAlign={"center"} style={{paddingTop: "200px"}}> <h1>Gongrats!</h1> <p>You have successfully logged in.</p> <Button color='blue' onClick={logOutHandler}>Log out</Button> </Container> ) }; const mapStateToProps = (state: IState) => { return state }; const mapDispatchToProps = (dispatch : Dispatch) => { return { onLogout: () => { return dispatch(logoutUser()); } } }; export default connect(mapStateToProps, mapDispatchToProps)(Dashboard);

ктонибудь может помочь сделать autocomplete в сеарч инпут

ктонибудь может помочь сделать autocomplete в сеарч инпут

Downshift

https://github.com/downshift-js/downshift eto ?

Downshift

интересно есть что то такое же гибкое только хуки? а то все на обертках живу

есть какой нибудь стартер пак с linaria?

https://github.com/downshift-js/downshift eto ?

Да там пример есть уже

Подскажите пожалуйста либы для пашинации. Делаю гриды и вот думаю а может либа какая-то есть ли на бутстрапе сделать так

Всем привет, подскажите, пожалуйста, что тут не так?

Всем привет, подскажите, пожалуйста, что тут не так?

Какая первая строчка? Где импорт реакта. И проверь названия зависимостей в классе.

Проверь как написан Component

Там лишняя t

Проверь как написан Component

спасибо)

Друзья как сортировать объектов по свойству

Друзья как сортировать объектов по свойству

Object.keys(obj).sort()

Друзья как сортировать объектов по свойству

имена свойств у тебя какой типа?

То есть по значению свойство.

То есть по значению свойство.

ну тогда используй values)

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

Например a: 65 b:32 c:78 и сортировать по большому числу.

То есть по значению свойство.

По-моему функция сорт принимает колбек

По-моему функция сорт принимает колбек

есть такое)

По-моему функция сорт принимает колбек

Да сейчас читаю про него.

Например a: 65 b:32 c:78 и сортировать по большому числу.

тебе просто вывести надо или обьект получить отсортированный?

тебе просто вывести надо или обьект получить отсортированный?

Выводит отсортированный

Скачал React Developer Tools для Хрома, и никакой разницы в консоли не заметил. Как этот плагин работает?

Вкладки по дефолту в конец встают

А, спасибо. Я еще особо не писал на Реакте, но в принципе понял для чего. Спасибо. Также я заметил, если значок крсаный, то это запущен на стадий разарботки, если синий значок, то это уже в продакшене стоит реакт, да?

А, спасибо. Я еще особо не писал на Реакте, но в принципе понял для чего. Спасибо. Также я заметил, если значок крсаный, то это запущен на стадий разарботки, если синий значок, то это уже в продакшене стоит реакт, да?

Там пишет