чтобы нельзя было написать, скажем export default function (...

а только export default (...) =>

чтобы нельзя было написать, скажем export default function (...

зачем?

у тебя будут бесполезные стектрейсы

ты не хочешь этого, поверь

чем полезный отличается от бесполезного?

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

подскажет кто?

чем полезный отличается от бесполезного?

полезный содержит названия функций

подскажет кто?

Ну сделай 2 шаблона и отдавай шаблон в зависимости от типа юзера а каждый из этих шаблонов пусть включает уже все схожие +- компоненты Ну хз, я бы так на скорую стал делать

в бесполезном anonymous functions

Но в моем примере обе функции анонимны

Может, есть правило, запрещающее экспортировать анонимные функции?

Может, есть правило, запрещающее экспортировать анонимные функции?

может быть

его как минимум можно написать

в асте такая информация есть

Может, есть правило, запрещающее экспортировать анонимные функции?

https://gitter.im/eslint/eslint

если найдешь такое правило, то расскажи мне пожалуйста

Ну сделай 2 шаблона и отдавай шаблон в зависимости от типа юзера а каждый из этих шаблонов пусть включает уже все схожие +- компоненты Ну хз, я бы так на скорую стал делать

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

ну да, типа там profile-photo-upload какой-нибудь

подскажите хороший анализатор для webpack v2 бандла?

посмотреть, где зависимости дублируются и прочее

подскажите хороший анализатор для webpack v2 бандла?

https://github.com/th0r/webpack-bundle-analyzer не проверял с v2

работает с v2

у нас еще чуваки написали на базисе анализатор

там можно граф зависимостей посмотреть

ага

тоже сейчас дам ссылку

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

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

сорс-мап анализатор?

https://github.com/smelukov/webpack-runtime-analyzer

только тут надо еще rempl ставить

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

http://webpack.github.io/analyse/ instructions: https://github.com/webpack/webpack/issues/690

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

еще раз)

сорс-мап анализатор?

ещё раз

возможно. я думал на базе webpack —json можно что-то более-менее нормальное тоже сказать, кроме красивых графов

Привет, кто использует critical css в своих проектах, поделитесь опытом, как именно создаете этот css, тулзы какие-нибудь, как делаете инлайн в html?

— Critical CSS? — Yeah! Just use styled-components

— Critical CSS? — Yeah! Just use styled-components

s/styled-components/whatever css-in-js solution you like/

s/styled-components/whatever css-in-js solution you like/

+

Ладушки, спасибо)

а нахрена расширение файлам ставишь Jsx? охота с вебпаком дополнительно танцевать? :)

А какие тут могут возникнуть нюансы?

А какие тут могут возникнуть нюансы?

eslint по умолчания не линтит jsx, например

что за редактор?

атом вроде

sublime

а, точно, стрелки и менюшка табов

в атоме по-моему не пишут снизу размер отступов

плагины же

ну это или атом или вс код

У вима тоже плагины

не, таки саблайм я думаю

что за редактор?

Саблайм

скроллер табов

ни в атоме, ни в вс код он не такой

в атоме по-моему не пишут снизу размер отступов

ага

не, таки саблайм я думаю

однозначно саблайм

А какие тут могут возникнуть нюансы?

ну во первых реакт компонент это ни разу не чистый jsx, это скорее Js с примесью jsx, поэтому я лично везде ставлю js, ну и выше написано что еще может не так пойти

У кого-то была проблема, что webpack не видел jsx файл, нужно было расширинеие в resolve прописывать

— Critical CSS? — Yeah! Just use styled-components

Критикала нет нигде кроме афродиты, все остальное непонятный набор стилей

Критикала нет нигде кроме афродиты, все остальное непонятный набор стилей

слишком уж категорично звучит styled-components не добавляет стили, которые не нужны на странице в данный момент

Сейчас проверим

Я не знаю даже, всегда jsx писал и как-то проблем не возникало

На еслинт плагин стоит

eslint по умолчания не линтит jsx, например

Хм, я у себя это решил просто ? http://puu.sh/tQZUG/98e8454b90.png

ERROR: S client not available

Я так решил это

массив обновляется но не меняется ссылка на него

массив обновляется но не меняется ссылка на него

Но там же object.assign, это новый объект не?

Но там же object.assign, это новый объект не?

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

object.assign не изменяет значения ключей

ппл, подскажите, как правильно тут надо? https://gist.github.com/jef-sure/1bed500d9f6db16196c7b6e931b962a8#file-hrdiv-js-L18 ошибка: Module build failed: SyntaxError: Unexpected token (45:8) 43 | alignSelf: "stretch", 44 | marginBottom: "0.3em", > 45 | ...rest | ^ 46 | }}>

включить поддержку restSpread в бабеле

включить поддержку restSpread в бабеле

спасибо, собралось

Ребят, поясните в двух словах, я вообще не понимаю как работает react redux. Т.е., как мне стор в компоненты добавить. Куда это-то пихать? var ConnectedComponent = connect(mapStateToProps)(Component)

Ребят, поясните в двух словах, я вообще не понимаю как работает react redux. Т.е., как мне стор в компоненты добавить. Куда это-то пихать? var ConnectedComponent = connect(mapStateToProps)(Component)

В экспорт, например

Ребят, поясните в двух словах, я вообще не понимаю как работает react redux. Т.е., как мне стор в компоненты добавить. Куда это-то пихать? var ConnectedComponent = connect(mapStateToProps)(Component)

экспортишь этот компонент и используешь как обычный

Экспортить не просто компонент, а обернутый компонент

экспортишь этот компонент и используешь как обычный

Господь, спасибо!

Ребят, поясните в двух словах, я вообще не понимаю как работает react redux. Т.е., как мне стор в компоненты добавить. Куда это-то пихать? var ConnectedComponent = connect(mapStateToProps)(Component)

https://egghead.io/courses/getting-started-with-redux

Парни подскажите как через reduce собрать лбъект вида: {[0,1,2,3], [4,5,6]}

Никак

Хороший совет )

Зато правда

Парни,а в случае gwt то токен авторизации хранится в сторе же? + в куках, верно?

У меня так сделано

У меня так сделано

?? под вечер сомнения всего одолевают

https://github.com/smelukov/webpack-runtime-analyzer

Крутая штука по видео, нужно будет заценить, дефолтный граф не работает с 3000+ модулями

Но там же object.assign, это новый объект не?

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

Ребят, поясните в двух словах, я вообще не понимаю как работает react redux. Т.е., как мне стор в компоненты добавить. Куда это-то пихать? var ConnectedComponent = connect(mapStateToProps)(Component)

я тоже не въезжал, сделал пару скринкастов на ютубе и взлетело.

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

Да, он помог. И это чет нифига не круто

Парни подскажите как через reduce собрать лбъект вида: {[0,1,2,3], [4,5,6]}

а из чего собираем?

Да, он помог. И это чет нифига не круто

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

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

Наоборот же)

Вообще не нужен при правильном подходе

вложенные структуры не нужны, да