@react_js
Дмитрий16.01.2017
12:55:41
12:55:41
то есть нужно наплодить не один Part, а набор North, South, East, West для каждого лейаута? а если он нестандартный, у меня будет еще 15 таких же по сути Part? которые между собой я буду различать по instanceof ?
Ты сформулируй уже задачу то) Я вижу что у тебя такие то компоненты, компоненты можно обособить вот так вот
Victor16.01.2017
12:55:51
12:55:51
Подскажите туториал по внедрению реакт компонентов на обычные страницы.
Дмитрий16.01.2017
12:55:56
12:55:56
Я не понимаю то за part и зачем тебе instanceof
Google
Adel16.01.2017
12:56:12
12:56:12
я сразу про это спросил, но кроме ТАК ДЕЛАТЬ ПЛОХО ответов не было
теги в аттрибутах херовенько выглядят, неприятно. ищу варианты
Aleh16.01.2017
12:56:15
12:56:15
Дмитрий16.01.2017
12:56:27
12:56:27
Особенно когда у тебя всё на функциональных компонентах будет)
Adel16.01.2017
12:56:52
12:56:52
Сергей16.01.2017
12:57:03
12:57:03
Dmitry16.01.2017
12:57:21
12:57:21
Передавай в атрибуты переменные, в которых лежат компоненты
В любом виде, хоть выше где-то будет задаваться, хоть метод renderSmth
Будет визуально лучше выглядеть
Adel16.01.2017
12:58:25
12:58:25
так а зачем тебе в Layout их вообще отличать?
чтобы собственно по регионам их разделить, навесить на регион нужные стили, обыграть свою логику на каждом регионеAleh16.01.2017
12:58:51
12:58:51
чтобы собственно по регионам их разделить, навесить на регион нужные стили, обыграть свою логику на каждом регионе
пускай это компоненты North и West делают в себеAdel16.01.2017
13:00:07
13:00:07
пускай это компоненты North и West делают в себе
лейаут должен знать, как своими регионами оперировать, а не регионы что-то там сами по себе делатьна то он и лейаут
Aleh16.01.2017
13:00:28
13:00:28
вот по сути задача и описана
но вообще само собой есть случаи, когда children не подходит, например когда ты рендеришь список и хочешь использовать другой элемент ребенкаGoogleAdel16.01.2017
13:00:30
13:00:30
он может их внезапно по кругу расставить, его право же
Aleh16.01.2017
13:01:50
13:01:50
лейаут должен знать, как своими регионами оперировать, а не регионы что-то там сами по себе делать
окей, если ими надо лэйауту оперировать, вот прям ваще по-умному, то тру вей через пропсы, потому что гонять по массиву детей такая себе идеяв твоем примере знание про них было практически лишним
т.е. принцип простой, если лэйауту в себе надо отличать несколько компонентов, то проще через пропсы
если ему все равно что внутри, они все там на равных правах, то через children
Adel16.01.2017
13:03:47
13:03:47
<section>
<NorthHeader />
<West>
{children}
</ West>
<East />
<SouthFooter />
</section>
тут все запихнулось в West и на этом веселье закончилось, не догоняю, как это решает проблемупускай это компоненты North и West делают в себе
мне вот интересно, зачем нужен Layout в таком случаеAleh16.01.2017
13:04:45
13:04:45
Danil16.01.2017
13:07:17
13:07:17
Привет, если здесь есть люди готовые объяснить как работает изменение пропсов и рассказать что такое однонаправленный поток данных, напишите в ЛС пожалуйста
Сергей16.01.2017
13:08:23
13:08:23
почитать доку, не?
Danil16.01.2017
13:09:13
13:09:13
Ну а что если почитал и не понял, потом ещё несколько раз почитал и не понял, а обратиться не к кому
from16.01.2017
13:11:15
13:11:15
Ну а что если почитал и не понял, потом ещё несколько раз почитал и не понял, а обратиться не к кому
тогда похоже, что стоит на основы js посмотретьAdel16.01.2017
13:11:41
13:11:41
без идей что он у тебя с <section> делает
ну как вариант, он умеет исходя из стора коллапсить регионыто есть Part, West и все прочее - это как минимум dumb
а layout, в простейшем случае - smart
Danil16.01.2017
13:12:53
13:12:53
Раньше в реакте был метод setProps потом его убрали, и я сейчас не могу понять как менять пропсы
Adel16.01.2017
13:13:13
13:13:13
(на самом деле он тоже dumb и коллапсит регионы исходя из своих пропсов, а не из стора. пропсы ему его контейнер тюнит)
Aleksey16.01.2017
13:13:14
13:13:14
фига се память )
from16.01.2017
13:13:31
13:13:31
Раньше в реакте был метод setProps потом его убрали, и я сейчас не могу понять как менять пропсы
ответ простой — не менятьAleksey16.01.2017
13:13:52
13:13:52
чилдреновы пропсы это родителев стейт
GoogleAleksey16.01.2017
13:14:19
13:14:19
для редакса - этот стейт в Provider (упрощенно)
Danil16.01.2017
13:14:31
13:14:31
Ну я так понимаю они всегда должны быть постоянны, а всю динамику делать через стэйты
from16.01.2017
13:14:32
13:14:32
Теперь понятно про one-way flow?)
ну и если родитель отрендерит элемент, передав ему новые props, разумеется на экране всё обновится
Danil16.01.2017
13:15:41
13:15:41
Ну в принципе да, просто в книжке увидел setProps и меня это почему то смутило
Aleksey16.01.2017
13:16:20
13:16:20
"в книжке"?
Adel16.01.2017
13:17:01
13:17:01
книжки по фронту должны продавать по цене туалетной бумаги((
Aleksey16.01.2017
13:17:03
13:17:03
тут, млин периодически приходится по исходникам доки восстанавливать до полных )
Danil16.01.2017
13:18:48
13:18:48
"Разработка веб-приложений на ReactJs" там есть туториал написания средненького проекта
Danil16.01.2017
13:18:48
13:18:48
"в книжке"?
Aleksey16.01.2017
13:19:22
13:19:22
да, для ознакомления пойдет. только реакт надо ставить через npm i react@0.13 походу
Danil16.01.2017
13:19:58
13:19:58
Мне не для ознакомления, а для работы надо и для своего проекта
да, для ознакомления пойдет. только реакт надо ставить через npm i react@0.13 походу
Там реакт 14 используется судя по примерам
Adel16.01.2017
13:20:45
13:20:45
без идей что он у тебя с <section> делает
в самом-самом простом случае он предоставляет полную разметку (по регионам), а ты решаешь, грубо говоря, в какой плейсхолдер каких компонентов налитьAleksey16.01.2017
13:21:01
13:21:01
setProps deprecated начиная с 0.14
в плане что в 0.14 оно уже варнингами сыпало
GoogleDanil16.01.2017
13:22:25
13:22:25
Для меня в этом и ценность книги что я переписываю под новую версию)
в плане что в 0.14 оно уже варнингами сыпало
Aleksey16.01.2017
13:23:14
13:23:14
по ченджлогам быстрее выйдет. там все в сжатом виде дано
Danil16.01.2017
13:24:28
13:24:28
Я где то читал что пропсы вообще трогать нельзя, это своеобразная константа, это так?
Aleksey16.01.2017
13:25:11
13:25:11
для инстанса react Component - да. в масштабах приложения - нет
где-то наверху цепочки у тебя существует мутабельный стейт и ты его раздаешь вниз через пропсы
AdminERROR: S client not available
Aleksey16.01.2017
13:26:27
13:26:27
s/мутабельный/изменяемый
а то как-то неоднозначно
Danil16.01.2017
13:28:14
13:28:14
Спасибо, нужно больше практики
Nikita16.01.2017
13:29:54
13:29:54
кто использовал storybook + storyshots?
Anton16.01.2017
13:47:39
13:47:39
Ребят, подскажите лучший выбор для infiniteScroll, помню проскакивала либа с парой тысяч star на github, не могу найти
Victor16.01.2017
13:47:59
13:47:59
https://github.com/bvaughn/react-virtualized
Vladimir16.01.2017
13:48:04
13:48:04
Aleksey16.01.2017
13:51:18
13:51:18
react-virtualized чумовая штука. к сожалению, не пашет на flex-wrap/float списках
Anton16.01.2017
13:51:42
13:51:42
Доброго вам здравия, друже
то что нужно
Проблема почему отказался от предыдущего - он при каждом смене data-array перерисовывал их с нуля, вот и ищу решения которое просто подгружает данные
Aleksey16.01.2017
13:52:36
13:52:36
оно, вообще, на своих таблицах и гридах пашет. для виртуализации скролла - единственный вариант
flex-wrap/float списки так просто не обсчитываются. хотя, наверное, и там можно придумать как высоты считать только будет гораздо затранее
Google
Andrey
Amon Bower16.01.2017
14:49:02
14:49:02
Может кто подсказать?
setState(...): Can only update a mounted or mounting component.
Vladimir16.01.2017
14:49:30
14:49:30
Amon Bower16.01.2017
14:50:01
14:50:01
што?
Из родного класса, я могу setState() вызывать и обновлять данные, но из другого класса не получается
Dmitry16.01.2017
14:51:16
14:51:16
Потому что он не маунтится ;)
Sergey16.01.2017
14:51:54
14:51:54
А как вызвать функцию с параметрами и при этом внутри впомать эвент?
типо
function blank( name ){
console.log( name, event.target )
}
/stat@combot
Combot16.01.2017
14:52:53
14:52:53
combot.org/chat/-1001032883247
Открыть в Telegram