Он про properties hoist походу

А, не, он реально про стейт)

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

Да, типа того

в реакте специально не прописано как между собой будут взаимодействовать компоненты

изоляция-с

redux это один из вариантов

и реактивность

А почему тогда говорят lifting state up, я подумал что стэйты через пропсы поднимаются от дочерних компонентов родительским. Объясните плиз как правильно

нет

ты через пропсы передаешь параметры

рассматривай реакт компонент как функцию

т.е. это как <Comp a="1" b="2"/> аналогично вызову Comp(a,b){} с параметрами 1 и 2

т.е. наверх ничего напрямую ты передать не можешь через пропсы

но ты можешь передать колбек и через него передать

Вопрос — ты случаем не с ангуляра слез?

У меня после него подобные вопросы возникали

а тьфу

вопрос неправильно понял

А почему тогда говорят lifting state up, я подумал что стэйты через пропсы поднимаются от дочерних компонентов родительским. Объясните плиз как правильно

Ну типа ты в родительском компоненте делаешь render(){ return <Child prop1={this.state.stateProp} onChangeProp1={this.onChangeProp1} /> } В итоге в дочернем это уже является не стейтом, а пропсом, но работает по прежнему так, будто это его стейт, вот он и всплывает

Знаете, я тут подумал, что нашему чату надо запилить FAQ по реакту. Типа какой роутер пользовать или там mobx или redux и всё в этом духе

ага

а еще jss или styled components

:trollface:

навеяно каждодневными одними и теми же вопросами

вот вот и они тоже

тут просто ответа кроме как "что нравится то и юзай" быть не может )

толку то от фака

ну юзкейсы-то рассмотреть можно

Use case-ов немеряно. Берите например https://twitter.com/acemarke и зачитайтесь

но ты можешь передать колбек и через него передать

Да я в голове то это понимаю, уже и кода много написал, но сказать правильно и понятно не могу

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

Потихоньку люди уходят от внутреннего state компонента.

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

спускаются пропсы

в дочерний

а через колбеки возвращаются данные

а через колбеки возвращаются данные

От дочерних родительским?

+

От дочерних родительским?

да

Допустим мы передаём от дочернего родительскому e.target.value через коллбэк, и в родительском с этими данными работаем

народ оцените название функции) handleModalChangeMainPhoneButtonClick

что скажете?)

на четвёрочку

)

недостаточно энетрпрайзно

Допустим мы передаём от дочернего родительскому e.target.value через коллбэк, и в родительском с этими данными работаем

ага

народ оцените название функции) handleModalChangeMainPhoneButtonClick

кроме синтаксиса должна быть оцевидная семантика для школьника 5 класса ?

так стоит упрощать?

или это норм?

там редактирование профиля, будет функций штук 20-25

чот пиздец какой-то

у тебя что за неймспейс такой?

народ оцените название функции) handleModalChangeMainPhoneButtonClick

Все судьи девять баллов

в котором 20-25 функций

в котором 20-25 функций

там модалок захотели в профиле

все же отхендлить нужно

25 модалок?

ну пока 2)

в них по функций 4-5

А почему тогда говорят lifting state up, я подумал что стэйты через пропсы поднимаются от дочерних компонентов родительским. Объясните плиз как правильно

Про Lifting State Up как раз недавно подкаст записывал http://5minreact.ru/9-lifting-state-up-example-explained/

Про Lifting State Up как раз недавно подкаст записывал http://5minreact.ru/9-lifting-state-up-example-explained/

Круто, мне просто завтра надо презентацию подготовить по этой теме, надо как раз очень доступно объяснить

Привет, кто нибудь сталкивался с проблемой на anroid 6 + chrome 57 с touchMove событием ? Есть реакции, как в Facebook, например, когда тапаешь на кнопку появляется блок с реакциями. И не отпуская палец может выбрать одну из реакций, при этом страница не скроллится. Но в android с chrome страница продолжает скроллится и кидается такой warning Ignored attempt to cancel a touchend event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. Пример http://take.ms/2Uszt. Код особо ничего не делает с touchStart - срабатывает setState({ isOpen: true }) и есть event.preventDefault(), event.stopPropagation(). touchEnd this.setState({ isOpen: false }) event.preventDefault(), event.stopPropagation() touchMove только определяет какую реакцию выбрали Может и не с touchMove проблема, но может кто-то решал похожее.

import { partialRight } from "../index"; export = partialRight; как его импортировать? import partialRight from "lodash/partialRight"; не пашет Module '"/Volumes/dev/apps/triplepoint/formbuilder/node_modules/@types/lodash/partialRight/index"' resolves to a non-module entity and cannot be imported using this construct.

ERROR: S client not available

TS

@typescript_ru

ty

import { partialRight } from "../index"; export = partialRight; как его импортировать? import partialRight from "lodash/partialRight"; не пашет Module '"/Volumes/dev/apps/triplepoint/formbuilder/node_modules/@types/lodash/partialRight/index"' resolves to a non-module entity and cannot be imported using this construct.

export { partialRight }

это @types/lodash/partialRight/index

а не мой код

Привет, кто нибудь сталкивался с проблемой на anroid 6 + chrome 57 с touchMove событием ? Есть реакции, как в Facebook, например, когда тапаешь на кнопку появляется блок с реакциями. И не отпуская палец может выбрать одну из реакций, при этом страница не скроллится. Но в android с chrome страница продолжает скроллится и кидается такой warning Ignored attempt to cancel a touchend event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. Пример http://take.ms/2Uszt. Код особо ничего не делает с touchStart - срабатывает setState({ isOpen: true }) и есть event.preventDefault(), event.stopPropagation(). touchEnd this.setState({ isOpen: false }) event.preventDefault(), event.stopPropagation() touchMove только определяет какую реакцию выбрали Может и не с touchMove проблема, но может кто-то решал похожее.

Мне кажется тебе надо сделать stoppropagation / preventdefault в touchmove пока isOpen: true

Ну или проблема с очерёдностью событий

или вручную по ref добавить листенер с нужными параметрами

спасибо! попробую ещё раз, может ошиблась где

А напомните, красный экран смерти реакта давно не показывается по умолчанию?

А напомните, красный экран смерти реакта давно не показывается по умолчанию?

wut? O_o

А напомните, красный экран смерти реакта давно не показывается по умолчанию?

Он же по умолчанию только в реакт криэйт апп показывается

посоны, кто знает yotube iframe, чтобы вжух и последние видосы отобрадались?

В настройках "поделиться"

@ramainen ага, спасибо. было найдено решение)

Всем привет. Кто нибудь использовал библиотеку hello.js?

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

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

"Вы знаете реакт?"

Ну вот:)

Слишком общий вопрос же ?

вы знаете реакт 0.15?

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

Как вернуть массив компонентов в render )))

ну я вот подумал, что базовые вещи, в чем разница state/props, жизненный цикл, в чем отличие flow от mvc

Как вернуть массив компонентов в render )))

использовать fiber ?

использовать fiber ?

типа того, если чувак про это знает, наверное что-то да понимает в реакте?

а flow и mvc это все же методологии а не react

ИМХО

да все равно в одной связке

тогда наверное более корректно спросить в чём отличие flux от mvc(а не flow и mvc)