package.json смотрится лучше для этого

index.js для компонентов

package.json для проектов

да, лучше сразу тогда в index.js писать, а с package.json еще и хотрелод не робит при смене main файла

хм, а если я использую Node.js API для вебпак2, то как мне --env передать?

хм, а если я использую Node.js API для вебпак2, то как мне --env передать?

https://github.com/webpack/webpack/issues/2254#issuecomment-219219418

чет я фигню какую-то написал (% вызываешь ф-цию с { myEnv: true } и все, пора спат

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

в самом главном компоненте до рендера?

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

ты задаёшь странный вопрос

они мало общего имеют непосредственно с реактом

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

я вроде разобрался

У меня вот вопрос, может кто ответит. Имеет ли смысл дробить SPA на реакте Webpack'ом на несколько чанков или это актуально только для проектов с серверным рендером? Если да, то есть ли примеры, которые можно было бы глянуть? Потому что я очень слабо представляю себе как бы это можно было бы реализовать.

Имеет Вот неплохой пример: https://github.com/mxstbr/react-boilerplate/blob/master/app/routes.js

У меня вот вопрос, может кто ответит. Имеет ли смысл дробить SPA на реакте Webpack'ом на несколько чанков или это актуально только для проектов с серверным рендером? Если да, то есть ли примеры, которые можно было бы глянуть? Потому что я очень слабо представляю себе как бы это можно было бы реализовать.

вопрос странный. ты понимаешь цель этого и как оно примерно работает?

У меня вот вопрос, может кто ответит. Имеет ли смысл дробить SPA на реакте Webpack'ом на несколько чанков или это актуально только для проектов с серверным рендером? Если да, то есть ли примеры, которые можно было бы глянуть? Потому что я очень слабо представляю себе как бы это можно было бы реализовать.

по реализации гугли require.ensure

Вот кстати я не могу понять — require.ensure/system.import добавляет времени на ребилд? И у меня меняется app.js + чанк. Мне казалось, что должен меняться только чанк.

Вынеси из основного чанка все сторонние модули

нод-модули? Они в вендоре

ребята, видел как-то тест на знание разных особенностей JavaScript, подкиньте ссылку пожалуйста

http://javascript-puzzlers.herokuapp.com/

http://javascript-puzzlers.herokuapp.com/

в яблочко! спасибо :)

Ребята, подскажите есть ли какой то подход чтобы вынести логику из жизненного цикла компонента. Т.е. сейчас я привязываюсь к методам componentWillMount, componentWillReceiveProps, componentWillUnmount: componentWillMount() { this.props.loadData() } componentWillReceiveProps(nextProps) { if (this.props.someData != nextProps.someData) { this.props.doSomeLogic() } } componentWillUnmount() { this.props.clearData() } Такой подход приводит к некоторым проблемам. Хотелось бы от этого избавиться, но не знаю в какую строну капать.

*копать)

Это компонент сам запрашивает данные?

да, т.е. когда react-router отображает компонент, сам копонент начинает подтягивать данные

Для этого есть flux/redux

Я исползьую redux и react-router. И получается так, что когда пользователь переходит по некоторому URL отправной точкой для подгрузки данных является componentWillMount.

redux меня избавляет от использования componentWillReceiveProps так как эту логику я могу вынести в action.

Я исползьую redux и react-router. И получается так, что когда пользователь переходит по некоторому URL отправной точкой для подгрузки данных является componentWillMount.

Заюзай redial

народ, а кто знает, react-virtualized можно перевернуть? то есть чтобы он расчитывал все снизу вверх, а не сверху вниз?

Заюзай redial

Спасибо, нашел еще несколько решений https://github.com/ryanflorence/async-props https://github.com/FormidableLabs/redux-little-router

Добрый день, не холивара ради, я так понял есть разные redux flux. Какой стоит взять народный и самый поддерживаемый? Так что бы не 5 человек им пользовались. Спасибо!

Redux

Когда я читаю про него, у меня складывается впечатление, что это сама идея, а реализаций много. Видимо я не прав.

Есть именно реализация

Это конкретный npm-пакет

npmjs.com/redux npmjs.com/react-redux

Спасибо!

http://i.prntscr.com/403f0865b2e447f5b441897d32402475.png

ребят подскажите как избежать вот такого костыля в реакт ридаксе

в функции идет куча фетч запросов и компонент не рендерится

@Kreizo используй redux-thunk и в action обращайся к серверу, никакие setTimeout тебе не нужны

@Kreizo http://redux.js.org/docs/advanced/ExampleRedditAPI.html

middleware это оно ?

что оно?

хотел глянуть на код как этот redux thunk использовать

это только один из необходимых шагов

http://i.prntscr.com/2448318459cb442b84a0eb32d641e1ed.png

В асинхронном экшене ты возвращаешь промис, который по окончании сдиспатчит нужный action-creator

Подскажите, есть возможность в реакте пассивные листенеры вешать? И как? Нужно так: https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md

addEventListener(document, "touchstart", function(e) { console.log(e.defaultPrevented); // will be false e.preventDefault(); // does nothing since the listener is passive console.log(e.defaultPrevented); // still false }, Modernizr.passiveeventlisteners ? {passive: true} : false);

написано же там

аа

?? мне бы не хотелось тянуть modernizr и прочее. Может есть реализация в react? всё таки warning выдал именно он)

https://github.com/bvaughn/react-virtualized/pull/407/files

здесь есть реализация

? ок, спасибо. + тебе в карму

народ, а кто знает, react-virtualized можно перевернуть? то есть чтобы он расчитывал все снизу вверх, а не сверху вниз?

Зачем? И про какой именно компонент ты говоришь?

List

у меня чатик, если не снизу идти, он всегда и все считает, что сказывается на перфомансе

то есть у меня натурально для юзера снизу вверх скролить, а не сверху вниз

какой type писать в JSDoc на jsx разметку?

не пишите сразу в несколько чатов

не пишите сразу в несколько чатов

почему?

не пишите сразу в несколько чатов

отвечать не успеваешь?

@DenJel JSX.Element

@DenJel JSX.Element

спасибо

Чатик подскажи в VS Code можно как то сделать подсветку открывающего/закрывающего тега в jsx разметке?

в atom и sublime подсветка jsx тегов работает, а в VS code почему-то нет