?

?

Пиши меньшим количеством сообщение

окей)

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

Никто не понял про какой редактор ты говоришь

я понял )

Про draft.js он говорит

Нет такого API там чтобы readOnly на блок

А

или несколько едиторстейтов на ридонли, или через кастомные блоки

спасибо

посоветуйте хорошую модалку

в material-ui есть

material-ui не канает, то прям фреймворк а мне нужна лишь модалка с минимум функционалом и чтоб легко кастомайзилась. Може кто такую юзал?

Из последнего что использовал react-mortal = react-portal + react-motion

Приятно работает, глюков не заметил

Oleg

Из последнего что использовал react-mortal = react-portal + react-motion

воу. оч норм

не знал

спасибо

Камрады, я в реакте пару денй, не смейтесь :) Правильно ли я понимаю, что реакт строит свой дум у себя в голове и рендерит только изменения? То есть если я грубо говоря скормлю ему сначала <h1>AA</h1><b>bb</b> а потом <h1>AA</h1><i>cc</i>, то он не будет трогать при рендере h1 совсем, а просто удалит b и добавит i?

>свой дум virtual DOOM ??

спасибо

Ага, мне как раз надо было ляпать анимацию на модалки и я решил поискать прежде чем самому делать.

Народ подскажите кто как реализует подгрузку данных в комбобокс при наборе части слова в Форме? Как вы храните эти данные? И как в форму передаете?

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

Что кто думает о библиотеке http://www.material-ui.com/#/ стоит ли использовать?

стóит. не хватает по мелочам чего. но, норм

TextField без charCount идет, например

можно еще react-toolbox поглядеть

стóит. не хватает по мелочам чего. но, норм

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

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

можно еще react-toolbox поглядеть

Да, мне эта библиотека нравится больше содержимым (примерами кода), но визуально компоненты из коробки выглядят хуже.

А ты используешь materuail-ui или react-toolbox?

сейчас - material-ui

Что кто думает о библиотеке http://www.material-ui.com/#/ стоит ли использовать?

кривовата, но альтернатив нет особо, я пользую, приспособился. оборачивающим дивам обязательно задавай className, и через него стилизуй, иначе будешь долго ловить чудеса с отъездами верстки в неизвестные дали

кривовата, но альтернатив нет особо, я пользую, приспособился. оборачивающим дивам обязательно задавай className, и через него стилизуй, иначе будешь долго ловить чудеса с отъездами верстки в неизвестные дали

почему кривовата? вчера вот ток наткнулся, а то мб не стоит юзать))

почему кривовата? вчера вот ток наткнулся, а то мб не стоит юзать))

>All Material-UI components have their styles defined inline

почему кривовата? вчера вот ток наткнулся, а то мб не стоит юзать))

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

кривовата, но альтернатив нет особо, я пользую, приспособился. оборачивающим дивам обязательно задавай className, и через него стилизуй, иначе будешь долго ловить чудеса с отъездами верстки в неизвестные дали

Спасибо. Именно так мы и делаем. Правда, проблемы вылезают, когда хочешь компоненты подменить, но это неизбежно.

react-toolbox ?

хм, окей, спасибо

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

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

Почему тогда не использовать react-toolbox?

плюс неочевидно как палитру подбирать, несколько часов пришлось проковыряться, пока сообразил

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

плюс неочевидно как палитру подбирать, несколько часов пришлось проковыряться, пока сообразил

я не использовал их цвета. По-моему, это лишнее. Проще скопировать цвет в привычном формате, чем использовать их названия.

не

смотри

с ходу не угадаешь про цвета

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

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

и везде подключаюсь к палитре

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

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

причем совершенно бесплатно :)

для меня в т.ч.

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

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

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

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

Хорошо, убедил. Все-таки есть профит.

Спасибо

import * as colors from 'material-ui/styles/colors'; /* Palette generated by Material Palette - materialpalette.com/blue-grey/indigo */ // .dark-primary-color { background: #455A64; } /* blueGrey700 */ // .default-primary-color { background: #607D8B; } /* blueGrey500 */ // .light-primary-color { background: #CFD8DC; } /* blueGrey100 */ // .text-primary-color { color: #FFFFFF; } /* white */ // .accent-color { background: #536DFE; } /* indigoA200 */ // .primary-text-color { color: #212121; } /* grey900 */ // .secondary-text-color { color: #757575; } /* grey600 */ // .divider-color { border-color: #BDBDBD; } /* grey400 */ export default { fontFamily: 'Roboto, sans-serif', palette: { primary1Color: colors.blueGrey500, primary2Color: colors.blueGrey700, primary3Color: colors.blueGrey100, primary4Color: colors.blueGrey200, primary5Color: colors.blueGrey50, accent1Color: colors.indigoA200, accent2Color: colors.indigoA100, accent3Color: colors.grey500, textColor: colors.darkBlack, secondaryTextColor: colors.lightBlack, alternateTextColor: colors.white, canvasColor: colors.white, alternateСanvasColor: colors.grey100, borderColor: colors.grey300, disabledColor: colors.minBlack, pickerHeaderColor: colors.blueGrey500, clockCircleColor: colors.faintBlack, shadowColor: colors.fullBlack, }, };

вот тема

import MUITheme from '../themes/blueGrey-indigo.theme.js'; так я ее подключаю

const headerStyle = { margin: '0 -30px 10px -30px', backgroundColor: MUITheme.palette.primary3Color /*colors.blueGrey200*/, width: 400, fontSize: '22px', fontWeight: 'bolder', } так я ее пользую везде

я вот подумываю еще написать небольшую приложуху, чтобы прям как в materialpalette.com выбрать 2 цвета, а он выплевывал готовую тему файлом :)

пока нужды нет, но когда потребуется, займусь

ERROR: S client not available

выглядит больно чет

ну клиент захотел такие цвета

пока что

пока что

А как дать возможность пользователю изменить тему из ui?

И проблема заставить фронтендера, который привык к less перестроиться и использовать js для стилей.

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

можно сделать <ThemeProvider />

И проблема заставить фронтендера, который привык к less перестроиться и использовать js для стилей.

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

можно сделать <ThemeProvider />

для начала надо откуда-то темы брать :)

У меня была проблема с AutoComplete в material-ui. Он по-просту не работает на мобильных устройствах. Если что - имейте в виду. Создал вопрос на GitHub - пока молчат.

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

для начала надо откуда-то темы брать :)

положить в стейт (например)

либо положить в стейт имя предсозданной темы

положить в стейт (например)

ты не понял, сегодня для материал юай существует 2 общедоустпные вырвиглазные темы, темная и светлая, больше я не нашел

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

я вот не дизайнер, мне это вообще неочевидно, я бы хотел выбрать максимум 2-3 цвета и чтобы остальное прога посчитала сама

я думаю таких большинство будет

редко у кого эстетика развита должным образом

вот поиграйся тут и сам поймешь https://www.materialpalette.com/

Для расчёта цветов вроде ещё не обязательно js тащить)

не об том речь вообще :)

вот тут базовые цвета подобраны, которые в целом хорошо друг с другом сочетаются почти в любых вариациях https://www.materialpalette.com/

но это 2 цвета, а в реальном интерфейсе их 15-20 надо, но завязанных на эти 2, плюс там надо учитывать такие вещи как светлое на темном и темное на светлом

я вот не дизайнер, мне это вообще неочевидно, я бы хотел выбрать максимум 2-3 цвета и чтобы остальное прога посчитала сама

так там не сложно не надо рассчитывать ты указываешь (primary/secondary/accent)-(light/dark) и текст для этих цветов а можно воспользоваться материал уи цветами и выбрать только основные цвета, и дальше просто выбирать смещение + тест на основном цвете и на вторичном

ща

покажу

https://github.com/danlevan/google-material-color

вот эту логику надо четко структурировать и формализовать и на базе ее построить интерфейс подобный https://www.materialpalette.com/ но чтобы на выходе давал годную тему для библиотеки, вот моя идея

вот этого я не хочу делать в коде вообще

ну это пример