Типа такого извращения? https://acss.io/ утрирую, если что :D

Дааа, оно)) Впечатляет, правда? ?

а то, лучший подход)

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

Мне кажется это проблема разработчика. Лучше уж все кнопочки типизировать, а потом в проект вставлять.

Хотя это фигня, сделали лучше

https://github.com/marmelab/universal.css

Ну в первую очередь это проблема подхода. Это реально кратчайший путь в дурку)

https://github.com/marmelab/universal.css

Огонь?

Лицензия WTFpl очень им идёт

Styletron курильщика

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

Вы слегка утрируете, будет максимум 4-5 классов на элемент зачастую 2-3, а эт немного тем более все разбито на компоненты в css, и потом вы верно заметили про миксины, скажем так мелкие указания размером в одну, две строчки через миксины, если больше отдельный класс чтобы как-раз не разбирать каскад, для больших проектов я использую css-modules

https://github.com/marmelab/universal.css

ЗАЧЕМ

В смысле зачем? А что не так? Это лишь кажется, что плохо, но внедри в проект, через полгода оценишь

Но написать нам об этом уже не сможешь ?

Вы слегка утрируете, будет максимум 4-5 классов на элемент зачастую 2-3, а эт немного тем более все разбито на компоненты в css, и потом вы верно заметили про миксины, скажем так мелкие указания размером в одну, две строчки через миксины, если больше отдельный класс чтобы как-раз не разбирать каскад, для больших проектов я использую css-modules

Что такое большой и маленький проект? Любой проект может перерости из маленького в большой

у меня классы очень понятные (нет)

например, full для контейнера полноэкранного изображения

Вы слегка утрируете, будет максимум 4-5 классов на элемент зачастую 2-3, а эт немного тем более все разбито на компоненты в css, и потом вы верно заметили про миксины, скажем так мелкие указания размером в одну, две строчки через миксины, если больше отдельный класс чтобы как-раз не разбирать каскад, для больших проектов я использую css-modules

>будет максимум 5 классов А если еще какой-нибудь бутстрап грид юзают в виде классов, то и все 10-15 :D Но я не понимаю причем здесь миксины и ксс модули. Тебе ничего не мешает юзать и то, и другое одновременно. например, миксины типографии - font-size, font-family, line-height, letter-spacing. И подключаешь их в ксс модулях стилях. Норм. Много чего еще можешь заюзать

У меня кстати так и есть

найс)

Поэтому и знаю, что это реально работает только в ограниченных пределах ?

@PashkaDurov верни стену, гад

Поэтому и знаю, что это реально работает только в ограниченных пределах ?

у тебя ники рассинхронизировались

у тебя ники рассинхронизировались

Я всё надеюсь, что меня наконец то разбанят ? Хз, сколько ждать вообще

Что такое большой и маленький проект? Любой проект может перерости из маленького в большой

Читайте внимательнее все разбито по компонентам, а значит никакой проблемы нет, с тем, что если, возникнет необходимость заюзать css-modules или что еще там, не знаю как у вас но у меня не все проекты на реакте, я описываю лишь свой подход, мне он кажется оптимальным. И да я тоже юзаю css-modules и миксины вместе.

ребята, работает кто react + BEM?

есть вот такая штука https://github.com/bem/bem-react-core

Товарищи. Является нормальным использование в функции в качестве аргумента this.props.action метода?

onlog (mail, pass, setAuth) { ... ... setAuth(true); ... } onlog(values.mail, values.pass, this.props.actions.setAuth); вроде этого. или в return?

помогите пожалст, как лучше.

Так писать точно не стоит. имхо

а стоит как?

Это у тебя редакс экшен или что? Если да, то в нем же можно задиспатчить другой экшен после выполнения. Если это просто у контейнера, то пускай вызывается в том же контейнере по callback'у

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

onlog() отрабатывает в handlesubmit() как форму авторизации втыкнули, в контейнере сама onlog() -- экшн, да. 2Mike, а, как вариант. Модуль авторизации и туда всё. Вызывать после onlogin внутри handlesubmit можно же? Т.е. это говно код будет или нет? :)

ЗАЧЕМ

это шутка, надо же глазами смотреть)

Парни, прочитал документацию Redux и не особо то и понял . Может есть руководства для таких тупых как я?

а flux понял?

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

а flux понял?

Я его не изучал.

На ютубе глянь

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

egghead глянь

там хороший вариант от автора либы

ok, thx!

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

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

еще такой вопрос const App = () => ( <div> <AddTodo /> <VisibleTodoList /> <Footer /> </div> ) это равносильно вот такому коду? const App =function(){ render:function(){ return( <div> <AddTodo /> <VisibleTodoList /> <Footer /> </div> ) } }

Во втором примере ошибка синтаксиса, не?

может. Но суть ты понял, стрелочная функция в первом примере такая же как и function expression во-втором?

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

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

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

>btn large green rounded

>btn large green rounded

Выкинте класс rounded и скажите чем это плохо

Выкинте класс rounded и скажите чем это плохо

Ничем. Я сама подобное пишу. Но это допустимо только в пределах компонента =\ В глобале, особенно если не использовать >, например (или хотя бы), довольно легко получить небольшие проблемки с каскадом каким-нибудь.

еще такой вопрос const App = () => ( <div> <AddTodo /> <VisibleTodoList /> <Footer /> </div> ) это равносильно вот такому коду? const App =function(){ render:function(){ return( <div> <AddTodo /> <VisibleTodoList /> <Footer /> </div> ) } }

Вроде как нет, первая функция только возвращает а во второй есть метод render. Ты пробовал это вообще работает? Оба варианта

Вроде как нет, первая функция только возвращает а во второй есть метод render. Ты пробовал это вообще работает? Оба варианта

Не пробовал, просто в документации редакса именно так реакт компоненты написаны.

есть какой-то стартовый шаблон react+redux+webpack?

вот тут вроде больше всего звезд https://github.com/erikras/react-redux-universal-hot-example

есть какой-то стартовый шаблон react+redux+webpack?

Их очень много. Вот список с поиском: http://andrewhfarmer.com/starter-project/

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

посмотри это https://www.lynda.com/React-js-tutorials/Learning-Redux/540345-2.html

ну или от Абрамова

https://github.com/facebookincubator/create-react-app вот этот от абрамова

ERROR: S client not available

вот тут вроде больше всего звезд https://github.com/erikras/react-redux-universal-hot-example

Он был самым первым и содержит тонны каши.

Парни, прочитал документацию Redux и не особо то и понял . Может есть руководства для таких тупых как я?

Курс от udemy

там контента на 12 часов :D

Курс от udemy

На udemy же всегда платные , не?

На udemy же всегда платные , не?

тебе жалко 1к?

Народ, кто может дать мне 1 миллион рублей?

Народ, кто может дать мне 1 миллион рублей?

тебе под сколько %?

тебе под сколько %?

Мне без процентов, пожалуйста

И еще хотелось бы омаров

Что же ты замолчал сразу? Неужели жлоб такой? Разве Иисус не завещал нам помогать друг другу?

>сравнивает 1к и 1кк

тебе жалко 1к?

На удеми видео курсы, я вообще их меньше всего люблю. Тем более платить за это

А в чем проблема? Быстрее ксс анимаций ничего нет

Они не настолько быстрые, как о них думают

Парни, прочитал документацию Redux и не особо то и понял . Может есть руководства для таких тупых как я?

https://egghead.io/courses/getting-started-with-redux - вот бесплатный от абрамова

Yuri нарисуй в блок-схему и всё поймёшь

Yuri только начни со стора

вернёмся к разговору, когда у полимера будут ssr, app state management и оптимистиные апдейты

SSR не нужон, для стейта есть redux

Вопрос к тем кто используют css-модули через css-loader/postcss - есть какой-то нормальный воркэраунд для имен анимаций? Что с :local, что c :global выдает ошибку компиляции double colon, не вечно же сидеть со стороквым именем анимации только для хрома..

В issues вообще ничего толкового не нашел

подскажите как правильно делать профиль с уже заполненными полями с данными с сервера. я думаю в стейт записывать поля с сервера, потом при onChange они будут меняться, и при нажатии на кнопку отправляться

что-то туплю - не понял, перефразируй.

примерно this.state = { name: this.props.name, password: this.props.password, avatar: this.props.awatar, }

ага, норм

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

когда то делал что то похожее, какие то костыли вышли)

так что лучше уточнить)

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

Microsoft вообще красавчики :) Умеют в CSS