такую теорию сломал )

А что за теория была?

ну что разработчики с небольшим опытом предпочитают видосы доке

ну что разработчики с небольшим опытом предпочитают видосы доке

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

если разжевывается все до мелочей - то дока лучше

если вкратце показывается концепция минут за 10, то можно на фоне включить

а потом уже идешь читать доку, зная что примерно ты там найдешь

мне так удобно :)

На treehouse React, react router, redux, webpack часов на 6

мне вот так из последних зашло видео про носиквельные базы с какой-то конфы и видео абрамова про редакс

типа по фасту суть, а детали потом в доке читай

Кто там Бог лодаша? Напомните кейБай - только наоброт. Из индексированного в обычный. Флаттен?

Ещё есть линда, но там мне меньше понравидось

egghead ничо тока нужно до про апгрейдиться чтобы многие вещи смотреть =\ так что торренты в помощь

> Из индексированного в обычный

вут?

> Из индексированного в обычный

из ['a': {values}, 'b': {values}] —---> [{values}, {values}]

key: value в [1, 2, 3]

Object.values()?

Вопрос: У меня есть 10 экшенов. Эти экшены дублируются в трёх разных компонентах. Можно ли их как - то в один свести?

['a': {values}, 'b': {values}]

видно влияение РНР

{values} —-> объекты

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

у меня массив объектов

а что такое ‘a’ тогда?

ключ

нет, у тебя не массив

да ладно)))

короч походу Object.values ответ

+

видно влияение РНР

+

а че в пхп там такого?

там массив и хеш считай одно и то же

Ещё раз спрошу:

У меня есть 10 экшенов. Эти экшены дублируются в трёх разных компонентах. Можно ли их как - то в один свести?

там массив и хеш считай одно и то же

js не лучше) var a = [] a['a'] = 1 console.log(a)

Вот такой код повторяется в трёх разных компонентов: dispatch(toggle()); dispatch(open()); dispatch(play()); Можно ли, как то объединить их всех в один вызов типа: dispatch(start())?

У меня есть 10 экшенов. Эти экшены дублируются в трёх разных компонентах. Можно ли их как - то в один свести?

вопрос слишком абстрактный

Вот такой код повторяется в трёх разных компонентов: dispatch(toggle()); dispatch(open()); dispatch(play()); Можно ли, как то объединить их всех в один вызов типа: dispatch(start())?

redux-thunk

redux-thunk

а санки как помогут?

Точно! Как же я раньше не сообразил

Да, санки помогут

а санки как помогут?

function start() { return (dispatch) => { dispatch(first()) dispatch(second()) } }

Они возвращают функцию, в которой можно сделать эти три вызова

а, сорян

код не увидел

Что такое санки?

А, thunk :)

Что такое санки?

я теперь thunk буду санками называть проще в 100 раз

я теперь thunk буду санками называть проще в 100 раз

санки)))

есть знающие четвертый роутер?

А в чем вопрос?

локейшн - не?

Роутер передает параметр в компонент

локейшн - не?

в локейнш будет вообще весь урл. а он в приложении может быть длиннющий. тогда надо будет парсить строку

route.path === id

Сейчас

Роутер передает параметр в компонент

я в курсе. но у меня компонент со списком находится в корневом роуте.

у тебя в пропсах должен быть роут

у тебя в пропсах должен быть роут

не понял.

я в курсе. но у меня компонент со списком находится в корневом роуте.

оберни в withRouter

залогай пропсы, там будет: route.path —-> это как раз то что тебе надо

а, не, тут withRouter не нужен

ERROR: S client not available

залогай пропсы, там будет: route.path —-> это как раз то что тебе надо

ты про location.pathname?

залогай пропсы, там будет: route.path —-> это как раз то что тебе надо

Скорее match нужен

в пропсах уже должно быть

https://reacttraining.com/react-router/web/example/url-params

ты про location.pathname?

нет, я именно про роут.пасз

Серьёно, почитай доку react-router. Она же маленькая

Серьёно, почитай доку react-router. Она же маленькая

там не описан этот случай

я читал всю доку

Находясь на по пути: host/bla-bla/123 в route.path: '123'

Можно пример кода проблемного?

для macth нужно эти парамс где-то принимать

пр объявлении роута

в виде :categoryId

верно?

в виде :categoryId

у тебя всё в 1 контейнере?

Можно пример кода проблемного?

я скинул весь код

добавь чайлд роут с ':id' и всё пройдет

у тебя всё в 1 контейнере?

да

добавь чайлд роут с ':id' и всё пройдет

да, только этот id будет видеть только чайлдроут, а он мне нужен в компоненте, который лежит в руте

в этом то и вся проблема

<Route path="/:id" component={Home} />

<Route path="/:id" component={Home} />

не нравится ему этот вариант)

я ж только что предложил

не нравится ему этот вариант)

я не говорил что не нравится. ща попробую

<Route path="/:id" component={Home} />

компонент можно не объявлять. он возьмёт родительский

тольк ж: <Route ...><IndexRoute ...><Route child /></Route>

<Route path="/:id" component={Home} />

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

сделать отдельный <Route exact path="/" component={HomeWithoutId}>

или обработать этот случай в компоненте, в котором принимаешь id

а мне надо чтобы: 1) если урл / то рендерить список без подсветки активного элемента 2) ели урл /432 то рендерить ТОТ ЖЕ список, но с подсвеченным элементом с id 432

или обработать этот случай в компоненте, в котором принимаешь id

тогда

а мне надо чтобы: 1) если урл / то рендерить список без подсветки активного элемента 2) ели урл /432 то рендерить ТОТ ЖЕ список, но с подсвеченным элементом с id 432

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