Какая из реакт либ по материал дизайну сейчас самая продвинутая ?

material-ui -- мы построили большую и хорошую админку на ней

https://twitter.com/EclipticWld/status/863076328219824129

chrome://dino/

спасибо )

material-ui -- мы построили большую и хорошую админку на ней

Как проектировали админку? С какими проблемами столкнулись в процессе и как решали?

Как проектировали админку? С какими проблемами столкнулись в процессе и как решали?

да так-то никаких сложностей не было. Построил архитектуру, задал стандарты кода, сделал часть проекта, подобрал коллегу с которым было бы комфортно работать, он за пару дней разобрался во всем. Так и продолжили. Сложности были в багах, которые возникали при обновление зависимостей. В сложной логике, которая отваливалась периодически, поскольку времени на тесты не было - одним словом стартап

а в material гриды есть?

а в material гриды есть?

в material-ui нет

да так-то никаких сложностей не было. Построил архитектуру, задал стандарты кода, сделал часть проекта, подобрал коллегу с которым было бы комфортно работать, он за пару дней разобрался во всем. Так и продолжили. Сложности были в багах, которые возникали при обновление зависимостей. В сложной логике, которая отваливалась периодически, поскольку времени на тесты не было - одним словом стартап

У меня тут знакомый стартап пишет юнит-тесты на каждый компонент ещё на этапе mvp))

могу порекомендовать react-flexbox-grid, он немного багнутый был, пришлось css и js вытащить, зато добавил в проект и можно переиспользовать везде

жаль, в semantic удобно через grid компонент для админки делать блоки

У меня тут знакомый стартап пишет юнит-тесты на каждый компонент ещё на этапе mvp))

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

могу порекомендовать react-flexbox-grid, он немного багнутый был, пришлось css и js вытащить, зато добавил в проект и можно переиспользовать везде

а зачем тащить цсс вещи через реакт?

а зачем тащить цсс вещи через реакт?

не понял немного. Можешь переформулировать вопрос?

ну грид это цсс классы

зачем для этого жс либа?

это другой уровень абстракции

аа, понял. Чтобы обернуть в уровень когда ты пишешь в jsx. <Row> <Col xs={12} sm={3} md={2} lg={1} /> <Col xs={6} sm={6} md={8} lg={10} /> <Col xs={6} sm={3} md={2} lg={1} /> </Row> Или так https://i.imgur.com/Fxr7OGT.png

а во что это выливается в плане классов потом?

className=“xs-12 sm-3 md-2 lg-1”? :)

может и имеет смысл

ага, с material-ui достаточно хорошо сочетается, хотя и топорно

Atom Keymap Auto Rename Tag Bracket Pair Colorizer change-case Debugger for Chrome Docker ESLine Gist Extension gitignore jsx language-stylus Ruby Rust Settings Sync TOML Language Support vscode-icons vscode-styled-components #vscode #плагины #плагинчики #хэштег #программирую

а чего тут нет в вебшторме?

https://roylee0704.github.io/react-flexbox-grid/

а чего тут нет в вебшторме?

всего?)) (почти) rust, settings sync, change case, brack pair colorizer, autorename tag, atom keymap, styled-components, gist ext

change case есть

styled нету да

change case есть

круто)

по остальным надо смотреть

по остальным надо смотреть

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

кимэппинги странные

настройки не синхрит

настройки не синхрит

я не очень понимаю зачем

но кому-то надо

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

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

тут да

Grid есть в next версии material ui

@ZeroBias скинешь свой список плагинов?

Уже пишу))

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

Grid есть в next версии material ui

о, круто. Спасибо

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

а я б посмотрел, какие ты тож юзаешь

Babel es6 Bookmarks CodeMetrics ColorHighlight ESLint FileUtils Auto close tag Git History (git log) Git lens (git blame) gitflow Guides + Indenticator npm intellisense path intellisense Relative path (не очень уверен, нужны ли сейчас эти nhb, но вот есть) Project Manager WakaTime REST Client #vscode #плагины #плагинчики #хэштег #программирую

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

http://s.syabro.com/2017-05-12-21-43-b78kk.mp4

Но я недавно с винды на арч переехал, поэтому часть нужных плагинов где-то потерял ? Было больше

http://s.syabro.com/2017-05-12-21-43-b78kk.mp4

о круто)) -2 косяка

но стайлед все портит %(

https://egghead.io/courses/higher-order-components-with-functional-patterns-using-recompose

тут видосик прислали

тут видосик прислали

у нас получилось примерно так в итоге: export const reduxDecorator: Function = reactRedux.connect(selector); export const loadingDecorator: Function = loadingIndicatable((props: ICreateConversationScreenProps) => props.isLoading); const DecoratedComponent: typeof React.Component = decorate(CreateConversationScreenComponent, loadingDecorator, reduxDecorator);

Babel es6 Bookmarks CodeMetrics ColorHighlight ESLint FileUtils Auto close tag Git History (git log) Git lens (git blame) gitflow Guides + Indenticator npm intellisense path intellisense Relative path (не очень уверен, нужны ли сейчас эти nhb, но вот есть) Project Manager WakaTime REST Client #vscode #плагины #плагинчики #хэштег #программирую

спер себе несколько)

спасибо

но стайлед все портит %(

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

@ZeroBias добавь, плиз, тег VSCode к своему сообщению со списком, чтобы легче найти было!

??

@ZeroBias у тебя теги автозакрываются в jsx?

Ага

интересно, а че у меня нет

Auto close tag

но я точно помню, что раньше всё работало само ?

а

Есть чо для автоматизации создания компонентов? Или, может быть, не только компонентов?

ERROR: S client not available

plop

Устал что-то.

Все уже в курсе, про истерику в виндоус мирке?;)

plop

О. Спасибо.

Все уже в курсе, про истерику в виндоус мирке?;)

Новая вин 10?

не, там вирус активировался

Новая вин 10?

новый вирус, что ходит по миру и юзает дырку от nsa ^_^

и криптует файлики

новый вирус, что ходит по миру и юзает дырку от nsa ^_^

Тоесть вин 10 :)

Нет, не только вин10

Шиндопроблемы

скорее 7-2008

Есть чо для автоматизации создания компонентов? Или, может быть, не только компонентов?

А шторм или вс код сниппеты не нравятся?

Шиндопроблемы

я сразу сказал про виндомирок, не?;)

я сразу сказал про виндомирок, не?;)

А я добавлю, что виндекапец

А я добавлю, что виндекапец

Уже лет 25 как )

Уже лет 25 как )

Ну щас-то точно уже всё

Главное, чтобы вирус прокачивал свои абилки

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

Ну щас-то точно уже всё

Точно?) а то их индус рассказывал, что все круто и вообще вот новая вин 10

Коллеги, добрый вечер! Подскажите, кто какой библиотекой для иммутабельности пользуется в связке Redux+Typescript? ЗЫ: смотрел ImmutableJs, но его API вида obj.get('propName') меня очень сильно смущают

как второй вариант - сейчас гляжу на seamless-immutable - выглядит более typescript friendly

Коллеги, добрый вечер! Подскажите, кто какой библиотекой для иммутабельности пользуется в связке Redux+Typescript? ЗЫ: смотрел ImmutableJs, но его API вида obj.get('propName') меня очень сильно смущают

Иммутабл - тру фэйсбук стайл. Так все эти иммутабл уже прошли. Сам контролируй иммутабельность.

когда объекты простые - легко

но иногда нужно что-то пошатать в иерархиях

щас те скажут что если у тебя сложные обьекты сторе то хуево

object-path-immutable глянь

очень хорошо чтобы пошатать в иерархиях глубоко

А если там массивы - то вообще пиздец. Сразу убейся)))