Такую задачу можно решить через CSS Media Queries или есть либа для реакта https://github.com/contra/react-responsive

Через css влом всё прописывать, так что забираю ссылочку, спасибо.

не использую сетки, но что-то в духе susy, neat, jeet неплохо идет

Насоветуйте пездатую сеточку чтобы вахкакаяхорошая была.

lost?

lost норм, но сейчас можно просто юзать calc

есть у кого норм статистика доли рынка реакт нейтива среди кросс платформы? а то недавно видел статью на хабре (перевод) о том что доля не высока. После глянул количество звезд и т.д. и оно выше у нейтива чем у ангуляра (1) или експресс.

Такую задачу можно решить через CSS Media Queries или есть либа для реакта https://github.com/contra/react-responsive

Чёт громоздко.

Чёт громоздко.

Ну да, не самое красивое решение.

есть у кого норм статистика доли рынка реакт нейтива среди кросс платформы? а то недавно видел статью на хабре (перевод) о том что доля не высока. После глянул количество звезд и т.д. и оно выше у нейтива чем у ангуляра (1) или експресс.

и как такое посчитать?

Ну да, не самое красивое решение.

Мы запилили компонент-декоратор, который передаёт дочернему булевы свойства с именами брейкпойнтов. От аналогов отличается тем, что на вход принимает конфиг через контекст и через пропсы. Пропсы приоритетнее, поэтому дефолт (настройки из контекста, если они там заданы) можно переопределить. Плюс есть свой, дефолтный конфиг брейкпойнтов. Ну и подкрутили debounce для листенеров matchMedia. Думаю вот выложить.

Нужен ваще такой велик?

Нужен ваще такой велик?

Ну а почему бы и нет, точно найдет свою аудиторию.

Тогда скину ссылочку потом.

один return всегда должен быть

это с чего бы

return early

return early, return often

вот-вот))

меньше else'ов, меньше табуляции

быстрее становится ясно че произшло

меньше else — крепче спишь

если есть возможность отмести сомнения и вернуть — надо это сделать. И потом можно не думать об этом кейсе.

я почитал стайлгайды – ничего про мою точку зрения нет

а, ок! не дочитал)

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

не, табы vs пробелов не влияют на ветвление кода, так что это совсем не то же самое "return early" подкрепляется вполне конкретными аргументами, но как я вижу все уже и так пришли к одному мнению :)

Ну а почему бы и нет, точно найдет свою аудиторию.

Встречайте. https://github.com/bigslycat/mq-react

Встречайте. https://github.com/bigslycat/mq-react

убери flow-compatible

тебе добавят тс биндинги

и деск устареет

пацаны, написал для бабеля плагин, который превращает написанный в вашем любимом препроцессоре с любимыми тулзами, используюя любимые плагины для post-css, в объект для css in js (например, для jss) кому-нибудь еще такое интересно?)

в общем, кому интересно, ссылка) особо еще не тестил, но как-то работает https://github.com/lttb/babel-plugin-prejss

нет. цсс в жс

Про html в жс тож так говорили

Про хтмл в цсс тоже

Только про жс в цсс так не говорили

Да поздняк уже. styled-components же.

Какая же это больная тема

Весь фронтенд больная тема

Согласен

Да поздняк уже. styled-components же.

мне вот jss больше нравится, и лично для меня в styled components было преимущество лишь в возможности использовать синтаксис css, а это плагином полностью нивелируется)) ну и напрягало отсутствие тулз для разработки типа авто css comb (может это и есть, но не видел), это таким образом тоже решается

да и как-то приятно продолжать писать цсс так, как нравится, и получать плюшки css in js

да и как-то приятно продолжать писать цсс так, как нравится, и получать плюшки css in js

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

Просто как опцию сделать такое было бы прикольно

расскажите плз что за синтаксис у css такой особенный) property: value?))

А еще property: value, value; @media, @keyframes { 0% {} 100% {} } и подобные вещи

property: value, value; это что?

box-shadow: 0 0 10px, 2px 2px 5px ?

это все то же property: value;

где value = value[, value]

offtop: а подскажите как в telegram подкрашивать текст другим цветом?

offtop: а подскажите как в telegram подкрашивать текст другим цветом?

экранировать или ``

а твою мать, он их вырезает)

в общим одна или три magic quote

бектики

как то так называется вроде

расскажите плз что за синтаксис у css такой особенный) property: value?))

для меня больший плюс в силе post-css. даже в том, что для того, чтобы начать пользоваться css-in-js, мне не нужно даже больше ничего настраивать, все в редакторе продолжает работать, как раньше - и даже существующий код на css конвертировать во что-то другое не надо, только переделать немного компоненты. и кажется, что такие проблемы как rtl могут решиться (но не проверял, это предположение) так же с помощью плагинов

ну stylus не зря существует))) это просто хоть немножко, но кому-то удобнее

для меня больший плюс в силе post-css. даже в том, что для того, чтобы начать пользоваться css-in-js, мне не нужно даже больше ничего настраивать, все в редакторе продолжает работать, как раньше - и даже существующий код на css конвертировать во что-то другое не надо, только переделать немного компоненты. и кажется, что такие проблемы как rtl могут решиться (но не проверял, это предположение) так же с помощью плагинов

так я именно про синтаксис спросил) а не про инфрастрктуру

для меня больший плюс в силе post-css. даже в том, что для того, чтобы начать пользоваться css-in-js, мне не нужно даже больше ничего настраивать, все в редакторе продолжает работать, как раньше - и даже существующий код на css конвертировать во что-то другое не надо, только переделать немного компоненты. и кажется, что такие проблемы как rtl могут решиться (но не проверял, это предположение) так же с помощью плагинов

postcss-rtl решается, его википедия использует

postcss-rtl решается, его википедия использует

знаю, просто не тестил результат с jss

как правильно в реакте скрывать модалку при клике не на нее? просто повесить onClick на родительский div и менять стейт на false?

как правильно в реакте скрывать модалку при клике не на нее? просто повесить onClick на родительский div и менять стейт на false?

юзать react-modal, например

Написать или взять готовый hoc, который будет смотреть куда кликнули и на клик снаружи - добавлять метод, в который уже можно положить изменение стейта

что то думал попроще будет)

как правильно в реакте скрывать модалку при клике не на нее? просто повесить onClick на родительский div и менять стейт на false?

есть же react onclick outside как раз HOC

что то думал попроще будет)

Без реакта ведь принцип такой же, с чего в реакте должно быть проще :)

есть же react onclick outside как раз HOC

+ , его юзаю

Обычно модалки делают с бэкдропом, который делает весь фон затемненным, и он же клик обрабатывает

ERROR: S client not available

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

может кто посоветовать хороший бойлерплейт реакт бутстрап?

ох...

ох...

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

а причем тут реакт? нужен бустрап юзай где угодно

а причем тут реакт? нужен бустрап юзай где угодно

хочется чтобы был бойлер на всякий случай уже со сборщиком компилятором jsx sass

может кто посоветовать хороший бойлерплейт реакт бутстрап?

вопрос задаваемый раз в неделю

вопрос задаваемый раз в неделю

да я не читаю чат просто... сорри если так часто спрашивают

может кто посоветовать хороший бойлерплейт реакт бутстрап?

мои favs to go: для спа — сreate-react-app для ssr — next.js

мои favs to go: для спа — сreate-react-app для ssr — next.js

спасибо

это с чего бы

https://en.wikipedia.org/wiki/Structured_programming > Early exit > If the method is clearer with one exit point, use one exit point; otherwise don’t

порекомендуйте хорошее видео по Redux?

курс от Абрамова: https://egghead.io/lessons/javascript-redux-the-single-immutable-state-tree

а на русском?

зачем все ищут на русском?

а ты чо нируский чтоли?!

не грамотные, иностранных языков не знаю

бОльшая часть информации на английском всё просто, учи английский

а на русском?

учи английский

или читай хабру, там переводы)

на русском далеко не уедешь

хабру не читай

там старые переводы

уже учу

но для понимания, лучше на русском

но для понимания, лучше на русском

там есть транскрипт

переводи его

хорошо, кто на пальцах может объяснить, чем Redux отличается от Flux?

один большой стор vs много маленьких?

видео смотрю, кто в лес, кто по дрова