почему у тебя чанки как папки ?

потому что filename - server/page.rendered.js, чанкнейм по дефолту пишется как [name].filename

потому что filename - server/page.rendered.js, чанкнейм по дефолту пишется как [name].filename

а нормально не не настроить ?

у тебя есть путь для билда, есть название итогового файла

нормально это как? :)

отдельно написать path и filename

прямо сейчас вот так output: { path: path.join(__dirname, '../server-dist'), filename: 'page.generated.js',

я убрал папку

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

и, похоже, без папок заработало

спасибо

Всем привет

Ребята если у меня есть такая структура App > Sidebar > SidebarMenu Я App представляю как контейнер и из него хочу передать массив в SidebarMenu, я могу это сделать в обход компонента Sidebar ?

по идее нет

Или мне нужно прокидывать все пропсами ? Я просто ток учу реакт )

но я тоже не профи)

Ребята если у меня есть такая структура App > Sidebar > SidebarMenu Я App представляю как контейнер и из него хочу передать массив в SidebarMenu, я могу это сделать в обход компонента Sidebar ?

контекст

Кстати контекст уже норм? не плохая практика?

Кстати контекст уже норм? не плохая практика?

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

А что вы подрозумеваете под контекстом ? У меня сейчас получается передается как list = { this.props.list }

я же по-сути тоже юзаю пропсы из контекста

или че

Тогда нужно понять крайние это какие. Мне кажется в случае описаном @borzenko это не крайний случай и лучше прокинуть пропсы.

https://facebook.github.io/react/docs/context.html

Тогда нужно понять крайние это какие. Мне кажется в случае описаном @borzenko это не крайний случай и лучше прокинуть пропсы.

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

не сложнее, а более запутанный

@Eliean ага, соглашусь

ну и тем более: "Context is an advanced and experimental feature. The API is likely to change in future releases."

@borzenko короч кидай в пропсы и не парься )

Ок, спасибо

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

а можна в сторе хранить? и коннектиться там, где нужно

Это плохо же.

а можна в сторе хранить? и коннектиться там, где нужно

ну если c redux, то вопроса бы не воникло, я думаю

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

ребят подскажите как вывести по клику iframe

http://pastebin.com/NWnKMar8

вот код

с редаксом другие вопросы возникают)

сам список выводится но когда по нему кликаю естественно ничего не происходит

с редаксом другие вопросы возникают)

ну это нормально. Я думаю плохо, когда вопросов не возникает

Ребята если у меня есть такая структура App > Sidebar > SidebarMenu Я App представляю как контейнер и из него хочу передать массив в SidebarMenu, я могу это сделать в обход компонента Sidebar ?

так а почему так не сделать <App> <Sidebar> <SidebarMenu>{[/* items array */]}</SidebarMenu> </Sidebar> </App>

че-то вы городите... контексты...)

ну и <Sidebar itemsList={/*...*/} /> тоже норм в общем-то

Опять вопрос по серверрендеру и require.ensure. Цсс, которые заинклужены в компонентах через import './app.css' почему-то вставляются стайл-лоадером, несмотря на extractTextPlugiт и даже на ignoreplugin

как с этим справляться?

так а почему так не сделать <App> <Sidebar> <SidebarMenu>{[/* items array */]}</SidebarMenu> </Sidebar> </App>

я массив получаю в Апп, поэтому нужно его передать в дочерний, решил сделать пропсами

или я чего-то не уловил

> я массив получаю в Апп так и хорошо... то есть в чем проблема )

Опять вопрос по серверрендеру и require.ensure. Цсс, которые заинклужены в компонентах через import './app.css' почему-то вставляются стайл-лоадером, несмотря на extractTextPlugiт и даже на ignoreplugin

isomorphic-style-loader?...

<App> <Sidebar> <SidebarMenu>{[/* items array */]}</SidebarMenu> </Sidebar> </App> в таком случае, я не понимаю, что ты хотел этим сказать,

внутри App пишешь <Sidebar> <SidebarMenu>{[/* items array */]}</SidebarMenu> </Sidebar>

хм, сейчас попробую, сенкс

ребят не подскажите каких то курсов по реакт.js + redux?

egghead.io

https://www.gitbook.com/@maxfarseer

https://www.gitbook.com/@maxfarseer

на русском, один из лучших

Ребята, а кто-нить юзает webpack-dev-server и nginx вместе?

один для девелопмента, второй для прода

зачем вместе?

Ребята, а кто-нить юзает webpack-dev-server и nginx вместе?

Смотря для чего

не моя прихоть)

ERROR: S client not available

У меня nginx проксирует реквесты в дев среде и картинки отдает

короче идет долгий отклик при релоуде, я вот ищу где косяк..

вырубаю нафиг nginx все пляшет, когда включаю ппц вешалка..

как я понимаю для той же темы и у меня

"develop": "webpack-dev-server —inline —hot —progress —colors —port 8000 —config configs/webpack.dev. у тя примерно так?

Какие мелкие задачки можно поделать чтобы набить руку джуну по React + Redux?

приложение сделать

кэп

ну да

каков вопрос таков ответ

Какие мелкие задачки можно поделать чтобы набить руку джуну по React + Redux?

Todo list не предлагать?)

Todo list не предлагать?)

Пройденный этап, спасибо)

с драгндропом сделай что-нибудь

Помнится был туториал по ангуляру с реализацией игры 2048. Попробуй сделать на реакте :)

да, норм

подскажите пожалуйста, есть hook onEnter в react-router, там проверяется условие, и в зависимости от него мне надо апдейтнуть компонент и передать туда некоторые пропсы это реально сделать?

в этом хуке?

Привет, кто нибудь ставлкивался с такой проблемой, ставлю перенос строки и на андроид браузера появляется какой то конвертик. Что это такое, как избавиться?

подскажите пожалуйста, есть hook onEnter в react-router, там проверяется условие, и в зависимости от него мне надо апдейтнуть компонент и передать туда некоторые пропсы это реально сделать?

// routes.js function onEnter(nextState, replace, asyncDone) { const passDataToRoute = data => { nextState.location.data = { data }; asyncDone(); }; const redirectToLogin = err => { console.error(err); replace('/login'); asyncDone(); }; getData() .then(passDataToRoute) .catch(redirectToLogin); } // component.js import { withRouter } from 'react-router'; const Component = (props) => { return <div>{ props.location.state.data }</div>; // 'some' } export withRouter(Component);

Привет, кто нибудь ставлкивался с такой проблемой, ставлю перенос строки и на андроид браузера появляется какой то конвертик. Что это такое, как избавиться?

StackOverflow?

// routes.js function onEnter(nextState, replace, asyncDone) { const passDataToRoute = data => { nextState.location.data = { data }; asyncDone(); }; const redirectToLogin = err => { console.error(err); replace('/login'); asyncDone(); }; getData() .then(passDataToRoute) .catch(redirectToLogin); } // component.js import { withRouter } from 'react-router'; const Component = (props) => { return <div>{ props.location.state.data }</div>; // 'some' } export withRouter(Component);

спасибо, а скажи пжл вкратце что за объект nextState? А то чтото совсем не вдупляю из доки

спасибо, а скажи пжл вкратце что за объект nextState? А то чтото совсем не вдупляю из доки

стейт роутера

API + Glossary + Examples https://github.com/reactjs/react-router/blob/master/docs/API.md https://github.com/reactjs/react-router/blob/master/docs/Glossary.md#routehook https://github.com/reactjs/react-router/tree/master/examples

Проект CLI и OS X инструмент для отладки React и React Native приложений. Ссылка #Project #React #ReactNative

ну хватит оттуда форвардить "новости"

ну ладно

реактотрон видели все кто следит за электроном

реактотрон видели все кто следит за электроном

разве?

ну да