О, вспомнил, у меня были проблемы с react-css-modules

год назад примерно смотрел все что было по этой теме и как-то все было печально: и картбланш и стайлгайдист и прочие мб что-то изменилось

год назад примерно смотрел все что было по этой теме и как-то все было печально: и картбланш и стайлгайдист и прочие мб что-то изменилось

ну нам один компонент обернуть и на гитхабе демо сделать

а, да, тогда ок вполне

это кстати, вам пригодится, Вась, в одном проекте ;)

О, вспомнил, у меня были проблемы с react-css-modules

в каком из стендов?

Вроде просто обернутые компонентв не маунтились

в карте-бланше?

ой, в сторибуке то есть?

или в каком из них?

а, все. увидел. туплю

по

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

Народ, а какая альтернатива JQuery работает хотя бы на IE9 и выше?

Народ, а какая альтернатива JQuery работает хотя бы на IE9 и выше?

document.querySelectorAll

с полифиллом конечно же

Если с 9, то можно без

Хм. Я каким-то образом прочитал IE7 :)

Народ, а какая альтернатива JQuery работает хотя бы на IE9 и выше?

http://youmightnotneedjquery.com/

подскажите куда удобнее заливать простые приложения на реакте, типо github pages, но у гита вроде только один сайт можно

бесплатно

Surge.sh

подскажите куда удобнее заливать простые приложения на реакте, типо github pages, но у гита вроде только один сайт можно

нет, можно сколько хочешь можно даже в рамках одного сайта несколько страниц сделать

нет, можно сколько хочешь можно даже в рамках одного сайта несколько страниц сделать

ну там в репо много папок тогда будет?

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

ну там в репо много папок тогда будет?

ты можешь сделать в любой другой репе ветку gh-pages, и оно будет по пушу в эту ветку деплоить на pages

под директории или отдельные репы субдомен от github.io будет твой ник https://pages.github.com/

http://username.github.io/repository

подскажите куда удобнее заливать простые приложения на реакте, типо github pages, но у гита вроде только один сайт можно

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

я тоже за хероку

собирался посоветовать хероку, но увидел выше Surge.sh и передумал

выглядит сильно удобнее для статического сайта

хероку не сильно удобный для фронтэнда (он обязательно требует сервер) Я обычно делал его на пхп и просто инсертил индекс <?php include_once("index.html"); ?> Ну а вот как написали, surge.sh намного лучше подходит для таких задачек

Или now еще

Или now еще

а как это загуглить?)

нашел. https://zeit.co/now

https://zeit.co/now

Из минусов, будут доступны исходники

Но для статичного сайта это не страшно

Разъясните,пожалуйста, как работает в данном случае object destructuring: onInputChange(term) { this.setState({term}); this.props.onSearchTermChange(term); } Это эквивалентно: onInputChange(term) { this.setState({ term:term }); this.props.onSearchTermChange(term); } ` Только не могу понять, как именно здесь происходит деструктуризация

в данном случае, ее нет

А что это тогда? )

это просто краткое объявление свойства term у объекта

{ term: term } -> { term } Как называется точно- не помню

https://github.com/airbnb/javascript#destructuring Вот пример деструктуризации

{ term: term } -> { term } Как называется точно- не помню

Вот мне бы как раз и хотелось узнать, что это такое и где почитать больше. Использовать и не понимать,что именно оно делает не смогу)

Разъясните,пожалуйста, как работает в данном случае object destructuring: onInputChange(term) { this.setState({term}); this.props.onSearchTermChange(term); } Это эквивалентно: onInputChange(term) { this.setState({ term:term }); this.props.onSearchTermChange(term); } ` Только не могу понять, как именно здесь происходит деструктуризация

это object shorthand. работает просто, название переменной совпадает с названием проперти.

это object shorthand. работает просто, название переменной совпадает с названием проперти.

Вспомнил shorthand и искал правильный перевод на русский, чтобы здесь спросить, как это свойство на английском звучит Кому-то нужно отдохнуть%)

зачем переводить на русский?)

брось бяку

Дурацкая привычка

это object shorthand. работает просто, название переменной совпадает с названием проперти.

Спасибо! Разобрался)

https://tylermcginnis.com/react-interview-questions/

Такой ещё вопрос: не один раз читал,что так обновлять state не рекомендуется: this.setState ( { count:this.state.count+1 }); В чем именно тут проблема? В асинхронности setState()?

В мутабельности

В доках про это тоже написано, но непонятно, в каком именно случае это может неправильно сработать

все ок в этом коде, не то читал

и мутабельности тут нет, лол)

да, код нормальный

this.setState((prevState, props) => { return { streak: prevState.streak + props.count } }) В данном случае props.count то же самое,что и this.props.count. На codepen проверил - работают обе версии. Так устроена функция setState?

а! ясно (почитал доку)

State Updates May Be Asynchronous https://facebook.github.io/react/docs/state-and-lifecycle.html#state-updates-may-be-asynchronous

реакт батчит несколько вызовов setState в один this.state и this.props могут заапдейтиться между твоими вызовами setState

в итоге разные setState получат разные props

ERROR: S client not available

если использовать setState с функцией

то props будут те, которые есть на момент обработки батча

то есть будут гарантированно одинаковыми для всех setState

надеюсь понятно объяснил

всем привет, если я пишу какие-то сервисы для компонент, какое расширение у сервисов должно быть по канонам js или jsx ?

если в них нет jsx, то js но не то что бы это был канон. просто здравый смысл

еще вопрос по канонам как лучше обзывать компоненты с большой или с маленькой буквы? видел разные вариации или может есть объяснения почему так а не иначе?

я обычные компоненты называю с большой буквы а HOC с маленькой по примеру редуксовского connect ну и по смыслу хорошо получается. все мои HOC это "сделать что-то с компонентом" например translate export default translate({ shortMin: 'common.time.shortMin', shortHours: 'common.time.shortHours' })(connect(mapStateToProps)(Clock));

я обычные компоненты называю с большой буквы а HOC с маленькой по примеру редуксовского connect ну и по смыслу хорошо получается. все мои HOC это "сделать что-то с компонентом" например translate export default translate({ shortMin: 'common.time.shortMin', shortHours: 'common.time.shortHours' })(connect(mapStateToProps)(Clock));

спасибо, честно сказать, не знаю что такое НОС. Но я вот тоже начал обзывать компоненты с большой (в смысле сами файлы, компоненты естественно с большой), на гитхабе видел разные вариации, вот и спросил. С редуксом пока не знаком. Изначально хочется писать нормальный читаемый код. Code conventions исчерпывающие не нашел к сожалению

HOC = higher order components столкнешься, когда доберешься до react-redux ничего сложного, но пока не надо не надо ) с code conventions в js самое адекватное, что видел это вот https://github.com/airbnb/javascript#naming-conventions

там не только про нейминг, а про все

документ огромный так что стоит взять только то, что актуально в данный момент

документ огромный так что стоит взять только то, что актуально в данный момент

спасибо, добрый человек :)

:)

надеюсь понятно объяснил

Да, спасибо)

Должен ли как-либо обновляться компонент при изменении его props снаружи (при изменении значения атрибута в родительском компоненте)?

пропсы нельзя менять, можно только новые передавать

Я это и имел в виду. В родительском компоненте меняется значение, которое передается в дочерний компонент. Что при этом должно происходить с дочерним компонентом?

дочерний перерендерится автоматом

А если свойство, кхм, не участвует в рендеринге? Можно ли как-то заставить компонент принудительно прореагировать на передачу нового свойства?

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

нет

только при передаче новых props

А, понял

А если свойство, кхм, не участвует в рендеринге? Можно ли как-то заставить компонент принудительно прореагировать на передачу нового свойства?

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

Кхм кхм, у меня там яндекс-карта засунута, не реактовая, а обычная. И нужно некоторые действия с ней производить при изменении props. Я пока слабо понимаю, что происходт, но когда я обновляю у компонента с картой props.points (массив с точками), мне удается отловить это в componentWillUpdate и перерисовать точки на карте. А когда я меняю props.activePoint (число), в componentWillUpdate я не попадаю. Оно устанавливается в новое значение только при изменении props.points

только при передаче новых props

неа Если у родителя вызывается render, то и все его прямые дети тоже будут перерендерены

если только у них sCU не возвращает false

Scu?

shouldComponentUpdate, пора в глоссарий чата добавлять)

Извиняюсь, спасибо ?