Челик видимо в менеджеры пойдет) Вместо того чтобы разобраться самому на тестовых примерах, покупает чужое время

а) мутация пропсов б) с сср не работает

принято

Уважаемые, подскажите как остановить высплытие события в реакте, ничего не нашел на первой странице, уверен что кто то из вас сталкивался с этой хуйней для тех кто не понял вот примерно что то такое <Elem onClick={handler}> // <--- игнорировать событие <Elem2 onClick={handler2}>Кнопка</Elem2> // <--- которое было после нажатия "Кнопки" </Elem> мне нужно чтоб сработало только событие onClick={handler2}

оно и сработает

да но после него сработает следующее

а его надо проигнорить

event.stopPropagation() в один из них напиши

Понял спасибо

такой вопорс... как сделать так штобы во время componentWillUpdate сделать тригер клик или фокус на инпут

такой вопорс... как сделать так штобы во время componentWillUpdate сделать тригер клик или фокус на инпут

render() { return <input ref={ (input) => { this.input = input } }> }; componentWillUpdate() { this.input.focus() } Так пробовал?

render() { return <input ref={ (input) => { this.input = input } }> }; componentWillUpdate() { this.input.focus() } Так пробовал?

нет спасибо большое за ответ сейчас попробую

декларативно же, мне нравится

Один пацан писал всё в jsx, и редиректы, и сервер, говорил, что нравится, удобно, читабельно. Потом его в дурку забрали, конечно

?

мне одному становится плохо при виде <Redirect to ... />? что за больной ублюдок это придумал?

да норм

а вот описывать компонент, в котором руками писать history.push бляя

мне одному становится плохо при виде <Redirect to ... />? что за больной ублюдок это придумал?

ну по любому сделал бы сахар такой как выше

Есть такая же декларативная команда в виде экшна react-router-redux

Зачастую хочется, чтобы редирект был до фазы рендеринга

<Slider>{ this.state.map...и далее }</Slider>

render() { return <input ref={ (input) => { this.input = input } }> }; componentWillUpdate() { this.input.focus() } Так пробовал?

спасибо по простому инпуту получается но когда у меня инпут компонент выдает ошибку

Зачастую хочется, чтобы редирект был до фазы рендеринга

да

спасибо по простому инпуту получается но когда у меня инпут компонент выдает ошибку

добавь в компонент метод focus() в котором делай this.input.focus()

<Slider>{ this.state.map...и далее }</Slider>

в слайдер по идеи надо передать так <Slider url={item.image} /> Если я промапаю. внутри слайдера, это ведь не решит проблему, или я ошибаюсь

разумеется в рендере у тебя должно быть <input ref={ () => {} } />

в слайдер по идеи надо передать так <Slider url={item.image} /> Если я промапаю. внутри слайдера, это ведь не решит проблему, или я ошибаюсь

ссылку на слайдер

различный API у разных слайдеров

различный API у разных слайдеров

https://github.com/kidjp85/react-id-swiper

https://github.com/kidjp85/react-id-swiper

там же четко прописано как делать? Также как я написал, нет?

разумеется в рендере у тебя должно быть <input ref={ () => {} } />

this.input.click is not a function у меня такая ошибка

this.input.click is not a function у меня такая ошибка

а зачем тебе клик? focus же

там же четко прописано как делать? Также как я написал, нет?

суть в то что я его вызываю в другом компаненте

суть в то что я его вызываю в другом компаненте

го в ЛС, можешь голосом набрать

добавь в компонент метод focus() в котором делай this.input.focus()

this.input.focus is not a function сейчас такая ошибка

this.input.focus is not a function сейчас такая ошибка

код скинь

код скинь

спасибо огромное получилось?

Можно эти два роута объеденить в один? Т.е. сделать страницу /videos не обязательной

один и тот же роут должен открывать и на главной странице и на странице с видео контентом. При этом, под полупрозрачным фоном должна оставаться именно та с траница, с которой был открыт роут (модалка)

Можно эти два роута объеденить в один? Т.е. сделать страницу /videos не обязательной

Да, в path можно регулярку отправить, https://www.npmjs.com/package/path-to-regexp

Или массив

Судя по доке массив нельзя

написанно string

Судя по доке массив нельзя

плохо читал

А вообще вот так заработало /(videos/)?show/video/:id. Спасибо

плохо читал

в path-to-regexp можно массив передать, в роут нет

а работает?

Не слушай их

Есть issue

Почему-то, давно уже висит

Просто проптайпы не поправлены

?‍♂️

Есть issue

Можно поискать и почитать

Да, беру слова назад. Работает

был не прав

Да, беру слова назад. Работает

сделай им PR с измененными проптайпс)

Всем привет! Ребят, у меня вопрос: const storeSwitcher = (rootStore, condition, stores) => Wrapper => inject(rootStore)( class extends Component { _renderWrapperWithStore = () => { const property = this.props[rootStore][condition]; this.store = Object.keys(stores).find(store => stores[store] === property); return inject(this.store)(Wrapper) }; render() { return this._renderWrapperWithStore(); } } ); export default storeSwitcher; делаю декоратор, он принимает три параметра, RootStore в котором нужно искать поле, condition это само поле, и обьект вида { store: field_param, ...} использую mobx. Я понимаю что проблема return inject(this.store)(Wrapper) здесь, я не понимаю как иньектировать внутри декоратора стор и вернуть компонент. Реакт, естественно ругается, что он рендерит функцию... Подскажите, умные люди, как быть.

https://www.youtube.com/playlist?list=PL-a9lBflNu2rXmXqorswbrjNkCKypXOrE

https://www.youtube.com/watch?v=7zxCnlcVg3s&list=PL-a9lBflNu2rXmXqorswbrjNkCKypXOrE&index=5 Девчуля рассказывает про styled-components. Доклад @artalar был существенно содержательнее

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

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

https://ramdajs.com/docs/#clone ?

https://www.npmjs.com/package/react-addons-update а этой либой кто то пользовался ? стоит ли ее юзать или нет ? )

ERROR: S client not available

https://www.npmjs.com/package/react-addons-update а этой либой кто то пользовался ? стоит ли ее юзать или нет ? )

Note: This is a legacy React addon, and is no longer maintained. <------— ?

https://ramdajs.com/docs/#clone ?

jQuery.extend({}, oldObject) ;D

JSON.parse(JSON.stringify(obj))

JSON.parse(JSON.stringify(obj))

это скорее всего будет еще медленнее

однако дипклоне

без заморочек только так

immutablejs

lodash

ramda

без заморочек?

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

http://facebook.github.io/immutable-js/ не подходит?

я думаю имелось ввиду нативно

нативно js не создавался как язые для иммутабельности

эмм нативно это вообще скриптовый язык был

а не программирования

http://facebook.github.io/immutable-js/ не подходит?

ну сейчас посмотрю на нее

эмм нативно это вообще скриптовый язык был

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

а не программирования

?

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

Все не могу найти - где-то видел тест на perfomance, сравнивалися Object.assign, immutable и _.cloneDeep

_.cloneDeep - выигрывал во всех сравнениях

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

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

styled-components

А чем поможет ?

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

начнем с того, что у тебя нет DOM'a и поэтому твое понятие "критического css" к рекату не применимо

начнем с того, что у тебя нет DOM'a и поэтому твое понятие "критического css" к рекату не применимо

с сср есть же

начнем с того, что у тебя нет DOM'a и поэтому твое понятие "критического css" к рекату не применимо

Продолжай)

Продолжай)

короч да, юзай styled-components и получишь свои инлайн стили

https://www.youtube.com/watch?v=7zxCnlcVg3s&list=PL-a9lBflNu2rXmXqorswbrjNkCKypXOrE&index=5 Девчуля рассказывает про styled-components. Доклад @artalar был существенно содержательнее

^_^ ?

короч да, юзай styled-components и получишь свои инлайн стили

Т.е если его юзать не возникнет проблема долгой загрузки стилей? Заходя на сайт пользователю не придётся ждать ?

короч да, юзай styled-components и получишь свои инлайн стили

Что?

Т.е если его юзать не возникнет проблема долгой загрузки стилей? Заходя на сайт пользователю не придётся ждать ?

https://youtu.be/eOBz3_mQwo8?t=1050