ну да, там жс же

ну да, там жс же

конвертится бабелем чтоб ie11 понимал

А что с кнопкой?

А что с кнопкой?

не залил фикс стилей для сторибука еще

мелкий косяк был, либа версии 0.0.27..

не залил фикс стилей для сторибука еще

Кстати, о вебсокетах) У вас же вообще почти все на них? Каким образом мидлвары для разных проверок реализуете?

мелкий косяк был, либа версии 0.0.27..

эх не семантика

Кстати, о вебсокетах) У вас же вообще почти все на них? Каким образом мидлвары для разных проверок реализуете?

А, я не учел, что бекенд на чем угодно может быть)

Спрашиваю как будто только нода существует)

Кстати, о вебсокетах) У вас же вообще почти все на них? Каким образом мидлвары для разных проверок реализуете?

какие мидлвары?

вопрос по react-dnd. есть блок с объектами, которые можно брать и тянуть на другой блок. второй блок реагирует на это и в нём появляются элементы. как сделать так, чтоб можно было перетаскивать на середину, и этот элемент появился в центре?

какие мидлвары?

Ну те, через которые запрос проходит, у меня там обычно проверка авторизации, валидация обьекта, который прислали и проверка ролей юзера, и т.д. Но это все на ноде, у вас наверное на другом языке бекенд, так что принцип сильно отличается) В общем, я хочу сделать цепочку мидлвар как при обычном запросе, только внутри сокета, ну и чтобы не косячить и не дублировать логику

Добрый день. Чет я не пойму почему не работает фильтр коррекно return configs .filter(item => (item.firstName.startsWith(filter) || item.username.startsWith(filter) || item.lastName.startsWith(filter))) .map(this.renderRow); он почему-то работает только первую часть выражения😔

Ну те, через которые запрос проходит, у меня там обычно проверка авторизации, валидация обьекта, который прислали и проверка ролей юзера, и т.д. Но это все на ноде, у вас наверное на другом языке бекенд, так что принцип сильно отличается) В общем, я хочу сделать цепочку мидлвар как при обычном запросе, только внутри сокета, ну и чтобы не косячить и не дублировать логику

на onConnect на бекенде проверяется авторизация, больше никаких миддлварей нет

вообще, react-dnd или react-beautiful-dnd?

на onConnect на бекенде проверяется авторизация, больше никаких миддлварей нет

Судя по скрину, на том приложении, вообще не надо особых проверок, типа оно не публичное

народ приходит картинка в бейс64 можно ее в сторе хранить ?

на onConnect на бекенде проверяется авторизация, больше никаких миддлварей нет

Мне просто надо еще проверять роли, делать валидацию, и т.д. Ну и я придумал синтаксис сообщений, чтобы requestId опустить, типа такого: SomeAction<1>{"id":"sbg8sfd6"}

Судя по скрину, на том приложении, вообще не надо особых проверок, типа оно не публичное

ну как бы логин нужен и все

народ приходит картинка в бейс64 можно ее в сторе хранить ?

зочем?

мне она нужна для последующих операций, скачивания установки в качестве фона и тд

ее мне надо где-то держать

ну тогда видимо да, где еще то

Мне просто надо еще проверять роли, делать валидацию, и т.д. Ну и я придумал синтаксис сообщений, чтобы requestId опустить, типа такого: SomeAction<1>{"id":"sbg8sfd6"}

роли проверяются на бекенде, какой контент видно, какой нет, на фронте роли тоже проверяются, на что показывать ссылки, какие роуты обрабатывать

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

роли проверяются на бекенде, какой контент видно, какой нет, на фронте роли тоже проверяются, на что показывать ссылки, какие роуты обрабатывать

Ну ок, спасибо за ответы)

вообще, react-dnd или react-beautiful-dnd?

у нас был react-dnd для дашборды с тикетами, перетаскивали их из одной колонки в другую.. выкинули, переписали https://wizzardo.github.io/react-ui-basics/?path=/story/drag-drop--basic

у нас был react-dnd для дашборды с тикетами, перетаскивали их из одной колонки в другую.. выкинули, переписали https://wizzardo.github.io/react-ui-basics/?path=/story/drag-drop--basic

хм... интересно, спасибо. так там это можно реализовать?

надо сейчас доку написать и подрефакторить днд для списка

хм... интересно, спасибо. так там это можно реализовать?

какая у вас задача с днд?

какая у вас задача с днд?

ну есть элементы, типа палитра. и эти элементы можно кидать на лист, строить тем самым шаблон какой-то, тип, тут текст, тут чекбокс.

Приветствую, коллеги. Кто мне может подсказать, что лучше использовать - композицию HOC'ов или Mixins для следующего кейса - на сайте порядка 20 схожих форм, но с разными хендлерами и поведением. объединяет их то, что все они генерятся на основе получаемой от сервера модели. Или, возможно, не нужно изобретать велосипед и хорошие люди все за меня уже описали?

этот лист просто реагоровал на дроп о добавлял айтем. и сейчас хочется, чтоб он не просто в конец добавлял, а в центр.

у нас был react-dnd для дашборды с тикетами, перетаскивали их из одной колонки в другую.. выкинули, переписали https://wizzardo.github.io/react-ui-basics/?path=/story/drag-drop--basic

не очень понятная библиотека. это просто компоненты в стиле material ui?

Для реакт)

Подскажите фри апи капчи типа puzzle, drag n drop

не очень понятная библиотека. это просто компоненты в стиле material ui?

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

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

а... прямо как в материал юай?

а... прямо как в материал юай?

да, только в отличии от mdc кнопка весит не 20кб, а 1кб

а... имеет смысл.

Подскажите фри апи капчи типа puzzle, drag n drop

Гугловую ставь, третья версия не бесит юзеров

В общем я поставил serviceWorker и закешил index.html из public. Вопрос а как закешить js, а то все компоненты мертвые

Гайс, как из children выбрать определённый вложенный компонент,,сравнение по полю type всегда false, как лучше это обыграть?)

В общем я поставил serviceWorker и закешил index.html из public. Вопрос а как закешить js, а то все компоненты мертвые

я наоборот index.html убрал из всех кешей, чтобы у юзера всегда была свежая версия

А что ты положил тогда?

Гугловую ставь, третья версия не бесит юзеров

Разве? Картинки априори бесят

Разве? Картинки априори бесят

ну она редко выскакивает

она куки проверяет

то есть ты её можешь даже не увидить

А что ты положил тогда?

в смысле? при любом обновлении страницы index.html грузится заново, там новые ссылки на js, js кешируется, все довольны

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

в смысле? при любом обновлении страницы index.html грузится заново, там новые ссылки на js, js кешируется, все довольны

И все работает в оффлайне?

Гайс, как из children выбрать определённый вложенный компонент,,сравнение по полю type всегда false, как лучше это обыграть?)

React.Children.map(children, function[(thisArg)])

И все работает в оффлайне?

нет, оффлайна у нас в вебе нет, только в мобильном приложении

нет, оффлайна у нас в вебе нет, только в мобильном приложении

Ну вот, а мне наоборот надо - PWA

есть вот такая строчка

вебпак в жопу компилит нормально не обработать ?

можно ли при использовании реакта задать в index.html инлайн стили для 100% высоты html, чтоб стики футер сделать?

можно ли при использовании реакта задать в index.html инлайн стили для 100% высоты html, чтоб стики футер сделать?

Реакту на это всё равно, я думаю 🙂

В смысле, задавай, конечно.

Реакту на это всё равно, я думаю 🙂

ну вдруг там скорость из-за этого падает или это противоречит принципам экосистемы, или ещё какой-нибудь кошмар происходит

ну вдруг там скорость из-за этого падает или это противоречит принципам экосистемы, или ещё какой-нибудь кошмар происходит

Ноуп. Реакт рендерит в дом элементы. Если ты не мешаешь ему это делать - какая ему разница?

Вопрос почему это может не работать?

<Paper className={classes.paper} elevation={(isWidthDown('sm', props.width) ? 0 : 1)}>

@Baxxterkhv , ок, так и было, проблема заключается в ===, есть компонент TabPanel (фукнция, компонент в скоупе) перебираю в цикле Children.map на сравнение item.type === TabPanel всегда false

@Baxxterkhv , ок, так и было, проблема заключается в ===, есть компонент TabPanel (фукнция, компонент в скоупе) перебираю в цикле Children.map на сравнение item.type === TabPanel всегда false

displayName попробуйте задать и по нему искать

<Paper className={classes.paper} elevation={(isWidthDown('sm', props.width) ? 0 : 1)}>

props.width - width of undefined

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

props.width - width of undefined

А понял, withWidth

я к тому, что не знаю - может вы выше по коду определили const props = this.props

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

Ну хз. А компонент на классе? Если да, то можно просто поле в нем объявить, которое будет тип отдавать

Кто может подсказать, как с помощью styled component можно изменить css стили? имею ввиду, как обратится к именно к .example-class{ width: 100px } вот мне нужно изменить этот width

Мне нужно подключить аналитику, для этого нужно отслеживать заход на каждую страницу. Как это сделать с rr4? Нашел 2 способа history.listen(location => ...) <Route path="/" render={props => ...} /> Но в обоих случаях вызов происходит даже тогда, когда поменялись search params.

Мне нужно подключить аналитику, для этого нужно отслеживать заход на каждую страницу. Как это сделать с rr4? Нашел 2 способа history.listen(location => ...) <Route path="/" render={props => ...} /> Но в обоих случаях вызов происходит даже тогда, когда поменялись search params.

добавить проверку

componentDidUpdate (prevProps) { if (this.props.location !== prevProps.location) { const ym = window.ym ym(****, 'hit', this.props.location.pathname) } } Как-то так?

index.js?21b9:227 ./config/translations/index.js 53:16 Module parse failed: Unexpected token (53:16) You may need an appropriate loader to handle this file type. | switch (_context.prev = _context.next) { | case 0: > _ = import( | /* webpackChunkName: 'langEn' */ | './en'); Кто нибудь сталкивался с такой ошибкой?

Просто обновил либы в package.json

https://github.com/sponsors

https://help.github.com/en/articles/about-github-sponsors