Можно ещё сразу babel выпиливать, если любишь ts.

почему

на мегабайт? 0_0 а сколько было?

С 3 до 2.

почему

А зачем лишний транспайлер?

А зачем лишний транспайлер?

мощь плагиноооввввв)))

я вот выпилил babel (в пользу ts), но сейчас думаю вернуть

есть много классных плагинов которые как таковые на связаны с транспалингом синтаксиса ES2016->ES5

мощь плагиноооввввв)))

С другой стороны удобно.

инлайнинг реакт компонент, вынос элекметов в константы и всякие такие оптимизационные вкусности

есть много классных плагинов которые как таковые на связаны с транспалингом синтаксиса ES2016->ES5

у меня порядка 5-6 плагинов оптимизируют код Типа как babel-plugin-ramda

@sergeysova +1

мощь плагиноооввввв)))

уж если так угорел по плагинам, то можно к вебпаку написать свои.

Мы так и сделали :D

уж если так угорел по плагинам, то можно к вебпаку написать свои.

а я готовые юзаю Написан свой всего один очень специфичен под вебпак пока не понадобилось

но под вебпак всего не напишешь

6с39п

Пардон

уж если так угорел по плагинам, то можно к вебпаку написать свои.

под вебпак нет аст, не удобно

под вебпак нет аст, не удобно

есть

аст как в бабеле？

аст как аст. там аккорн

ну, через бабель есть доступ к jsx, flow, помимо непосредственно es

Народ, расскажите как делать изоморфное приложение. Ну пжлст... :))

Народ, расскажите как делать изоморфное приложение. Ну пжлст... :))

Да тонны материалов же в сети

А есть ссылочка на хороший? Или темплейт какой-то нормальный может?

Хотя, нашел кое что. Буду изучать еще )

http://andrewhfarmer.com/starter-project/ вводишь with: universal и на любой вкус

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

Ребзя, кто умеет в jss. Нужно написать библиотеку компонентов, внутреннюю. Она будет использоваться в нескольких проектах. Под каждый нужна своя тема (цвета, размеры, отступы). Как это сделать легко в jss? Или лучше заюзать styled-components?

Как сделан material-ui с jss смотрел?

Как сделан material-ui с jss смотрел?

Можешь кинуть ссылку на файл?

Можешь кинуть ссылку на файл?

https://github.com/callemall/material-ui/tree/next/src/styles

спасибо

https://github.com/facebook/react-devtools/pull/698

Кто нибудь знаком с gitlab ci?

У нас есть пару репозиториев в npm, которые хранятся в приватных репозиториях, и мы их не можем подцепить при npm install

*пару пакетов

Может есть способ добавить ключ прямо на раннер

У нас есть пару репозиториев в npm, которые хранятся в приватных репозиториях, и мы их не можем подцепить при npm install

npm i --registry <ваш репозиторий> Не работает?

Вот сейчас выносим в регестри

Но вдруг есть ещё способы

У меня локально развернут npm, который проксирует на npmjs инсталы с указанием локального registry делаю Другого способа не знаю)

Видимо будем так и делать

Видимо будем так и делать

?

Кто нибудь знаком с gitlab ci?

я знаком

Вот сейчас выносим в регестри

лучше локальный регистри

?

http://andrewhfarmer.com/starter-project/ вводишь with: universal и на любой вкус

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

ребят у формы onSubmit

как получить данные из формы?

event.target.value не робит

А данные в форме откуда?

из input

Сохраняй то что в input в локальный стейт react компонента

На onSubmit повесь обработчик с e.preventDefault()

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

допустим повешаю на инпут евент onkeypress

В доках норм все расписано http://reactjs.cn/react/docs/forms.html

у меня statless компоненты

Сделай их не стейтлес :)

ERROR: S client not available

Сделай не stateless, используй PureComponent

Думаю любителям атома будет интересно github.com/atom/github

спасиб

❤️

Где правильно давать запрос к апи в реакт компоненте, думаю ComponentDidMount подойдет, да? или етсь другие варианты

Отслеживайте материалы, которые я рекомендую в @Pocket! http://getpocket.com/@sergeysova?s=invite

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

Где правильно давать запрос к апи в реакт компоненте, думаю ComponentDidMount подойдет, да? или етсь другие варианты

Ну есть ещё варик

Привет, нужно переиспользовать компоненту - контейнер, могу ли я экспортить у нее mapStateToProps и mapDispatchToProps ?

Привет, нужно переиспользовать компоненту - контейнер, могу ли я экспортить у нее mapStateToProps и mapDispatchToProps ?

Я бы лучше композицию применил, наверное.

Ну а как применть композицию с учетом connect?

В плане если я из компоненты уберу connect и сделаю его выше

то у меня будут два компаонента использующих один и тот же mapprops и disptach

Мне нужно их как то тоже будет заэкспортить ведь

Что значит "у нее"? Выносишь в отдельный модуль, в оба нужных компонента импортируешь)

Сделай коннектнутый враппер. И передавай ему в children.

export const enhance = connect(..., ...)

не?)

Что значит "у нее"? Выносишь в отдельный модуль, в оба нужных компонента импортируешь)

+

Можно экземпл пожалуйтса) export const SomeContainer = props => { return { .... } } export default connect(mapStateToProps, mapDispatchToProps)(SomeContainer); Все пропсы одни, только рендерить нужно по разному, то есть два варианта сделать этого компонента. Соответственно я в SomeContainer просто в render отдам {children}, уберу connect из него. Это я понимаю) Вот только выше SomeContainerA SomeContainerB Их мне в роут нужно прокинуть, то есть на два разных роута. Был один. Соответственно и connect'а тоже два, для каждого из компонента, а сама логика коннекта одна должна сохраниться, т.е функции mapStateToProps, mapDispatchToProps, я предположил что нужно закэспортить Им нужно

поправте пожалуйста)

Можно экземпл пожалуйтса) export const SomeContainer = props => { return { .... } } export default connect(mapStateToProps, mapDispatchToProps)(SomeContainer); Все пропсы одни, только рендерить нужно по разному, то есть два варианта сделать этого компонента. Соответственно я в SomeContainer просто в render отдам {children}, уберу connect из него. Это я понимаю) Вот только выше SomeContainerA SomeContainerB Их мне в роут нужно прокинуть, то есть на два разных роута. Был один. Соответственно и connect'а тоже два, для каждого из компонента, а сама логика коннекта одна должна сохраниться, т.е функции mapStateToProps, mapDispatchToProps, я предположил что нужно закэспортить Им нужно

Const mycomp = props => <div {...props}/> Export default connect(...) (mycomp) Как-то так. Я с телефона.

Можно экземпл пожалуйтса) export const SomeContainer = props => { return { .... } } export default connect(mapStateToProps, mapDispatchToProps)(SomeContainer); Все пропсы одни, только рендерить нужно по разному, то есть два варианта сделать этого компонента. Соответственно я в SomeContainer просто в render отдам {children}, уберу connect из него. Это я понимаю) Вот только выше SomeContainerA SomeContainerB Их мне в роут нужно прокинуть, то есть на два разных роута. Был один. Соответственно и connect'а тоже два, для каждого из компонента, а сама логика коннекта одна должна сохраниться, т.е функции mapStateToProps, mapDispatchToProps, я предположил что нужно закэспортить Им нужно

export const enhance = connect(mapStateToProps, mapDispatchToProps) export default enhance(SomeComponent) И импорти enhance где хочешь

Так и понял, спасибо большое!)

А в таком случае propTypes экспортить бы еще

это тоже ок?

Похоливарим на тему ПропТайпсов - надо обязательно или можно игнорить?

DarkNet - блог о темной стороне интеренета. @darknets

PropTypes vs. ___?