Привет. Кто-нибудь использует связку styled-components + mobx? Как вы делаете из sc observer

Не тот чат, в описании смотри

нет

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

Привет. Кто-нибудь использует связку styled-components + mobx? Как вы делаете из sc observer

зачем так делать?)

в 2 словах можете сказать?

loader надо скачать

зачем так делать?)

У меня строчки в таблице это sc, я хотел обернуть в observer чтобы они не апдейтились.

Или даже ячейки

Я не знаю какой путь верный(

Я так понял обсервер scu как из пур компонента эмулирует, но работает ли это для стейтлессов

У меня строчки в таблице это sc, я хотел обернуть в observer чтобы они не апдейтились.

написать проверку в LC компонента?

Я так понял обсервер scu как из пур компонента эмулирует, но работает ли это для стейтлессов

на практике не работает

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

вытащил рефенцы avants.add не работает

У меня строчки в таблице это sc, я хотел обернуть в observer чтобы они не апдейтились.

Оборачивай компонент, в котором юзаешь sc

Кто подключал яндекс метрику к реакту?

Я

Помогите с какой штукой - использую HOC для пропихивания theme в css в emotion.

После нескольких правок и HMR - браузер зависает что приходится убивать. никакие ошибки не появляются - скольк оне жди Если ф-ию убрать injectClassName - ничег оне виснет - в чем трабл?

Понятия не имею, но скажи мне шрифт который у тебя в коменте юзается

После нескольких правок и HMR - браузер зависает что приходится убивать. никакие ошибки не появляются - скольк оне жди Если ф-ию убрать injectClassName - ничег оне виснет - в чем трабл?

таое ощущение, что у тебя происходит где-то рекурсия. Может ты setState делаешь там где не нужно...

при неправильном setState может происходить зацикливание

таое ощущение, что у тебя происходит где-то рекурсия. Может ты setState делаешь там где не нужно...

Думал - но тогда бы все равно падало и ошибка рекурсии появлялась. Браузер мрет

Конечно этот withTheme(withProps()) - не очень нравится - но другого способа кастомизировать существующий компонент с темой не нашел с дин классом

Юзал кто преакт?

Конечно этот withTheme(withProps()) - не очень нравится - но другого способа кастомизировать существующий компонент с темой не нашел с дин классом

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

у тебя material-ui?

у тебя material-ui?

нет

мне надо пропихнуть className вполне не сложный кейс же

нет, не проблема, мы его рендерим. А потом его изменяем, и еще раз рендерим. И еще раз, и еще)

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

С чего начать изучение реакта, подскажите пожалуйста

ну и его отрендерить проблема?

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

приходит массив пропсами . Сабмичу submit(this.state.arrayOfKVPairs) )

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

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

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

Ознакомился, спасибо

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

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

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

Да, потому то я и не делал прямую связь :)

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

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

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

Почему же не адекватный то? Реакт делает именно так, как написано. Стейт обновлён, компоненты перерендерились. Никто и не обещал, что курсор ввода там же будет))

Почему же не адекватный то? Реакт делает именно так, как написано. Стейт обновлён, компоненты перерендерились. Никто и не обещал, что курсор ввода там же будет))

он какую-то хитрую ошибку выдает

Почему же не адекватный то? Реакт делает именно так, как написано. Стейт обновлён, компоненты перерендерились. Никто и не обещал, что курсор ввода там же будет))

да в реакте миллион синтаксических приколов

Почему же не адекватный то? Реакт делает именно так, как написано. Стейт обновлён, компоненты перерендерились. Никто и не обещал, что курсор ввода там же будет))

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

Ребят, есть у кого-то хороший пример компонента в styled components, который применяет стили и к дочерним компонентам через children?

Добрый день уважаемые, верстальщики, подскажите каким образом проходит написание приложения на реакте, как это вижу я: 1. верска обычного html + css сайта 2. Перевод на jsx ? или все верстается сразу в реакт проекте ?

Мне нравится запятая после "уважаемые".

:D

Добрый день уважаемые, верстальщики, подскажите каким образом проходит написание приложения на реакте, как это вижу я: 1. верска обычного html + css сайта 2. Перевод на jsx ? или все верстается сразу в реакт проекте ?

1) первый вариант - есть прикольный инструмент https://github.com/roman01la/html-to-react-components

буду теперь так обзыватся: "верстальщики"

Ребят, есть у кого-то хороший пример компонента в styled components, который применяет стили и к дочерним компонентам через children?

const Component = styled.div` & > * { background: red; } `;

1) первый вариант - есть прикольный инструмент https://github.com/roman01la/html-to-react-components

Ни ху я себе

Невероятно

Добрый день уважаемые, верстальщики, подскажите каким образом проходит написание приложения на реакте, как это вижу я: 1. верска обычного html + css сайта 2. Перевод на jsx ? или все верстается сразу в реакт проекте ?

ты кого верстальщиком назвал?

Ни ху я себе

Tool прикольный - можно все быстро сверстать в одном Index.html и потом быстро разбить на компоненты и фигачить логику

1) первый вариант - есть прикольный инструмент https://github.com/roman01la/html-to-react-components

> React.createClass фи

Tool прикольный - можно все быстро сверстать в одном Index.html и потом быстро разбить на компоненты и фигачить логику

Да, это невероятно круто

> React.createClass фи

Посмотрите - видео старое - возможно сейчас все лучше

> React.createClass фи

А как ты хотел классы создавать?

Программно есди

+ чайлдв

Посмотрите - видео старое - возможно сейчас все лучше

да, старое. Умеет es6

> React.createClass фи

что фи то?

Да, потому то я и не делал прямую связь :)

пепец, еще одна проблема: в компоненты то при рендеринге статические единицы прописываются, а не завязанные на стейте

что фи то?

что-что. deprecated оно

оно вводится просто никуда не идет, ха-ха

что-что. deprecated оно

лол блять

ERROR: S client not available

что-что. deprecated оно

джуна видно сразу

джуна видно сразу

дерзко. А ну-ка изложи свою версию

дерзко. А ну-ка изложи свою версию

почитай про react without jsx

парни, если нужно заимпортить 50 фоток с папки, нужно для каждой импорт писать, или можно как то автоматизировать?

почитай про react without jsx

мда. джуна видно сразу. Причем тут es6 классы и jsx?

мда. джуна видно сразу. Причем тут es6 классы и jsx?

бля я в глаза проебался)))

?

парни, если нужно заимпортить 50 фоток с папки, нужно для каждой импорт писать, или можно как то автоматизировать?

Читаешь содержимое директории и пилишь цикл.

парни, если нужно заимпортить 50 фоток с папки, нужно для каждой импорт писать, или можно как то автоматизировать?

через Nodejs

и кладешь в массив

импортил каждую и бросал в масив, но так у меня названия были 1,2,3... 50, и как то оно мне не нравится)

Да, потому то я и не делал прямую связь :)

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

что-что. deprecated оно

но еще вроде как работает, не проверял https://reactjs.org/blog/2017/04/07/react-v15.5.0.html

1) первый вариант - есть прикольный инструмент https://github.com/roman01la/html-to-react-components

Как быть с Styled компонент ?

Добрый день уважаемые, верстальщики, подскажите каким образом проходит написание приложения на реакте, как это вижу я: 1. верска обычного html + css сайта 2. Перевод на jsx ? или все верстается сразу в реакт проекте ?

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

Вот кста вёрстка в реакте це пиздец, намного дольше

Вот кста вёрстка в реакте це пиздец, намного дольше

ничего подобного!

Вот кста вёрстка в реакте це пиздец, намного дольше

+

ничего подобного!

Поясни

ничего подобного!

Поверстай во вью и поймёшь, что все так и есть

Вроде есть плагины а-ля эммет для jsx

поясняю: я верстаю так же быстро как и раньше

и кроме того

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

допустим у меня есть кнопка

и в стайлед компонентс учитываются все условия уже

поясняю: я верстаю так же быстро как и раньше

Я перешёл из вью в реакт и верстаю раза в 3 так медленнее Потому что всякие стайледы хуяйледы, импорты экспорты итд

которые контролирубются через пропс

хз. значит что то вы не так делаете

мы поняли мысль, не продолжай)

я тут как дома