title: 'ivan', name: 'inquiry', link: '', tabData: { ... } } ... }

ой

tabs: { inquiry : { title: 'ivan', name: 'inquiry', link: '', tabData: { ... } } ... }

вот

при это tabs делает один редьюсер

а tabData другой

каким образовм организовать combineReducers

?

ох боже

дебаг с помощью 1.5k чата

каким образовм организовать combineReducers

подумать и сделать

можно ещё доки почитать

для продакшена удали редакс дев тулз и реакт тулз из window

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

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

Ну да, в любом случае же ты отсылаешь какой-то токен или у тебя сессия на сервере, там валидацию нужно в любом случае делать

на беке валидация

есть

просто бек там рест простой

не совсем понимаю пока в чем проблема. У тебя в сессии\токене есть роль пользователя - проверяешь её на бэке - если ок - отдаешь данные

пользователь с другой ролью просто не получит эти данные даже если подставит эту роль в сторе

Не хочешь что-то показывать на фронтенде — не отдавай это на фронтенд. Иначе никакой защиты не будет.

спасибо

посоны

у меня впопврос

<Tab id={1} title={<Icon name="company" text={messages.about} />}>

Тебе больше не придется искать себе заказы и общаться с клиентами, мы сделаем это за тебя! Заполни анкету и жди сообщения от наших менеджеров с пометкой #ROCKETECH https://job.typeform.com/to/I5QJ3e

@javascript_jobs кажется

и получи 30% от заказа

короче, вопрос - jsx в аттрибутах

с одной стороны это пиздец

с другой стороны это потом в компоненте <Tab> разруливается через фишки пропсов типа isRequired и <Tag ...>{title}</Tag>

вопрос - как решать эту проблему по-людски

с одной стороны это пиздец

почему пиздец?

не xml-компонентно же ж ни хрена

это не xml

с одной стороны это пиздец

Это с обеих сторон ужас)

Это с обеих сторон ужас)

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

как вы думаете почему есть вот это React.PropTypes.element ?

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

Смотри, вот есть компонент chatList, список диалогов. По сути это контейнер для элементов, но у него есть своя вёрстка. Как разделить view и connect?

как вы думаете почему есть вот это React.PropTypes.element ?

для режима разработки надо

есть вариант делать что-то типа ``` <Tab ...> <Part name="title"> <Icon ...> </Part> ... </Tab>

для режима разработки надо

эээ. что?

хз)

И всё норм сразу) Если нужно подключить какие-то компоненты — просто заинклуди их в модуль

эм

чето это не совсем то

Я прост отреагировал на компоненты в пропсы ?

если что children это тоже property

то есть тоже в props

если что children это тоже property

и что

и то

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

делай как в самом начале написал

я надеялся увидеть еще пару вариантов)

И всё норм сразу) Если нужно подключить какие-то компоненты — просто заинклуди их в модуль

тут задача произвольный компонент уложить в другой компонент

тебе показали же еще один :) props.children

так он ничем не отличается, у меня ж не зашиты запчасти как ChatListSearch

у меня вместо ChatListSearch все так же будет {title}

Не, не туда смотришь

ChatListSearch статический

На несколько строчек ниже, под LoadingPane — children

в таком случае стоит задача различать childы

Это вот этот массив компонентов сразу

смотрите, ситуация посложнее, может понагляднее:

<Layout north={...} south={...} west={...} east={...}> <Content ...> </Layout> при этом Layout - это, скажем <section> <header>{north}</header> <div className="left">{west}</div> {children} <div className="right">{east}</div> <footer>{south}</footer> </section>

приходит в голову пока только вот такая монструозная конструкция <Layout> <Part name="north"> ... </Part> ...parts <Content ...> </Layout> и внутрях Layout разгребать чилды по пропсам, что тоже жесть, но спрятанная в компонент Layout

ERROR: S client not available

ну и еще писать бестелесный Part

Это не монструозно, это нормально)

приходит в голову пока только вот такая монструозная конструкция <Layout> <Part name="north"> ... </Part> ...parts <Content ...> </Layout> и внутрях Layout разгребать чилды по пропсам, что тоже жесть, но спрятанная в компонент Layout

зачем так?

и зачем Part? мб я не понимаю концепции

<Layout north={...} south={...} west={...} east={...}> <Content ...> </Layout> при этом Layout - это, скажем <section> <header>{north}</header> <div className="left">{west}</div> {children} <div className="right">{east}</div> <footer>{south}</footer> </section>

<section> <NorthHeader /> <West> {children} </ West> <East /> <SouthFooter /> </section>

приходит в голову пока только вот такая монструозная конструкция <Layout> <Part name="north"> ... </Part> ...parts <Content ...> </Layout> и внутрях Layout разгребать чилды по пропсам, что тоже жесть, но спрятанная в компонент Layout

<Layout> <North>...</North> ... <Content>...</Content> </Layout>

Почти синхронно)

хыхы)

Не увлекайся наследованием короч, оно ни к чему)

обождите

какое наследование

<Layout north={...} south={...} west={...} east={...}> <Content ...> </Layout> при этом Layout - это, скажем <section> <header>{north}</header> <div className="left">{west}</div> {children} <div className="right">{east}</div> <footer>{south}</footer> </section>

а чем плох такой вариант?

а чем плох такой вариант?

я сразу про это спросил, но кроме ТАК ДЕЛАТЬ ПЛОХО ответов не было

<section> <NorthHeader /> <West> {children} </ West> <East /> <SouthFooter /> </section>

куда здесь подсовывается содержимое north?

fixed

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

по реакту

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

google: react courses

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

пропсы же

это просто рандомные курсы же из гугла будут)

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

this!

<Layout> <North>...</North> ... <Content>...</Content> </Layout>

то есть нужно наплодить не один Part, а набор North, South, East, West для каждого лейаута? а если он нестандартный, у меня будет еще 15 таких же по сути Part? которые между собой я буду различать по instanceof ?

Ну вот и я про то, что в пропсах их нормально передавать и для этого и проптайп

а я хочу проверенные, от знатоков так сказать

а чем плох такой вариант?

да зависит все, в случае, когда оно не пропсами, layout вообще про них особо не знает ничего

это просто рандомные курсы же из гугла будут)

не рандомные а топовые

это просто рандомные курсы же из гугла будут)

английский знаешь?

то есть нужно наплодить не один Part, а набор North, South, East, West для каждого лейаута? а если он нестандартный, у меня будет еще 15 таких же по сути Part? которые между собой я буду различать по instanceof ?

так а зачем тебе в Layout их вообще отличать?

чуть-чуть

да зависит все, в случае, когда оно не пропсами, layout вообще про них особо не знает ничего

есть же atomic design arc.js.org его реализует

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