зачем там key вообще?

подскажите, как писать story storybook , если в проетке исользуется redux. как передавать данные компоненту?

storybook для компонентов, redux там вообще практически не нужен

покажи компонент, props knobs задавай, и дефолтный и все ок будет.

если конечно компоненты правильно сделаны)

хотела так сделать const items = [ { id: 1, selectValue: 'Twin', inputValue: 22 }, { id: 2, selectValue: 'Tripple', inputValue: 12 }, { id: 3, selectValue: 'Quadro', inputValue: 4 }, ]; storiesOf('App/Popup/form/NumberItems', module).add('list of numberitems', () => ( <div> {items.map((item) => ( <NumberItem item={item} key={item.id} //removeItem={this.props.removeItemFunc} //changeValueSelect={this.props.changeValueSelectFunc} //changeValueInput={this.props.changeValueInputFunc} /> ))} </div> ));

но выдает ошибку Cannot read property 'prepareStyles' of undefined

this.props.removeItemFunc это откуда берется?

так это я закоментировала, пока до addon не дошла

или надо сразу из передавать?

я комментарии не заметил)

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

пишет, что ошибка в дочернем компоненте The above error occurred in the <TextField> component: in TextField (created by NumberItems) in div (created by NumberItems) in NumberItems in div

но без story всё равботает отлично

правда, используется Material UI

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

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

это в канал Saved Messages :)

я только учусь писать story. это первая и то только начало. не знаю как правильно

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

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

я только учусь писать story. это первая и то только начало. не знаю как правильно

главное понять зачем тебе это

показать работоспособность компонента

показать работоспособность компонента

ну для этого редакс не нужен как раз

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

пронося в него пропсы

я думала, если у меня в компоненте используется redux, то его надо подключить и в story/

я думала, если у меня в компоненте используется redux, то его надо подключить и в story/

у тебя есть чистый компонент и есть его контейнер, к которому ты коннектишь редакс

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

не пойму как ему пропсы тогда передавать. во vue.js в data можно описать,а в react как? вот оругали, что у меня itemsы в story, а как их иначе передать?

не пойму как ему пропсы тогда передавать. во vue.js в data можно описать,а в react как? вот оругали, что у меня itemsы в story, а как их иначе передать?

пропсы это параметры компонента

<Component prop1={} prop2="" props3=...>

так и передавай

да. как их передать, не объявляя в story?

ты программист?

или верстка чисто?

начинающий программист

начинающий программист

начинать надо с азов тогда

изучить азы js, прочитать документацию по реакт, пройти там туториал

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

не понимая в чем там дело вообще

собственно, везде такой подход - тупик

почему вы думаете, что я этого не делаю, раз в storybook первый день пытаюсь разобраться?

почему вы думаете, что я этого не делаю, раз в storybook первый день пытаюсь разобраться?

ну ты должна понять, что редакс это отдельно стоящая бибилиотека от реакта

что компоненты сначала сами по себе и их можно тестировать в сторибуке спокойно

редакс появляется там только по команде connect(mapState, mapActions)(YourComponent)

результат этой функции = контейнер с подключенными данными из редакс в виде пропсов для твоего чистого компонента

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

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

просто во Vue подключается Vuex, если он используется. я решила, что и с редаксом также

в story . я имела в виду

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

ну в такой ситуации никто не мешает в сторибуке ей обернуть тестируемый кусок в <Provider store={store}> ... тестируемые контейнеры... </Provider>

может кто-то сталкивался с ошибкой Cannot read property 'prepareStyles' of undefined ?

да ну это костыль костылем выбивать получется)

может кто-то сталкивался с ошибкой Cannot read property 'prepareStyles' of undefined ?

залей код компонента куда нить, jsfiddle к примеру

код story или компонента?

ну у тебя ошибка вроде в компоненте

без storybook работает всё отлично. сейчас залью

мой проект https://github.com/OlgaKonst/react-popup

ну у тебя ошибка вроде в компоненте

да у нее просто не проносятся там пропсы для этого стиля

На React один код, на ReactNative другой. Логика тоже разная

Логику разве нельзя зашарить?

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

https://github.com/OlgaKonst/react-popup/blob/master/src/components/NumberItem/NumberItem.js

я вообще тут не вижу prepareStyle где бы требовался

это случайно не провайдер material требуется?

походу он https://github.com/OlgaKonst/react-popup/blob/master/src/index.js#L11

гайс, а вот в чем проблема если поверх https://github.com/solkimicreb/react-easy-state, запилить что-то типа редукса ?

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

В эффекторе можно контейнеры в сторибук

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

походу он https://github.com/OlgaKonst/react-popup/blob/master/src/index.js#L11

а что там не так?

Olga у тебя же обертка в тему еще

<Provider store={store}> <MuiThemeProvider muiTheme={muiThemebtn}> <App /> </MuiThemeProvider> </Provider>,

вот и оберни в сторибуке аткже и будет тебе щастье

спасибо

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

большое спасибо

и css не забудь подключить

теперь ишет, что muiThemebtn is not defined

css подключи, app.css свой в историю

теперь ишет, что muiThemebtn is not defined

const muiThemebtn = getMuiTheme()

ты документацию по material-uiзаодно пролистай, там есть примеры как темами управлять

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

лучше один раз изучить мат.часть

при том что я бабель вообще не юзаю

конфиг вебпака смотрел?

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

та ну Паша нет, не в тот канал написал

нужно вывести то что внутри results находится

та ну Паша

что ты делаешь

что ты делаешь

занимаюсь прокрастинацией

@ZeroBias @goodmind а вы как организовываете код с эффектами? в сторе делаете .on(event или в самом эффекте .epic(...).map(...).to(...) ?