да, динамические стили со всякими css in js решениями делать изи

Дя это они ещё выпустили какую-то либу

Ща найду

polished/README.md at master · styled-components/polished https://github.com/styled-components/polished/blob/master/README.md

https://github.com/styled-components/styled-components/blob/master/docs/typescript-support.md

спасибо

polished/README.md at master · styled-components/polished https://github.com/styled-components/polished/blob/master/README.md

ага, видел недавно, но еще не тыкал

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

ЕЩЕ МЕНЬШЕ

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

дело в том что мой див, это стейтлес функция одной библиотеки

Всем привет после выполнения функции sortByDate() { const tasksSortedByDate = this.state.tasks.sort((a, b) => { return new Date(a.createdAt) - new Date(b.createdAt)}); return this.setState({tasks: tasksSortedByDate}); } компонент не ре-рендерится, хотя стейт обновляется в чем может быть проблема?

this.state.tasks.sort... Модифицируется сам стейт напрямую?

sort у списка модифицирует сам список

Сорт сортирует на месте и не возвращает нового массива, если памятьне изменяет

Он и меняет на месте и возвращает

привет! а кто подскажет как мне получить refs другого компонента? Ну т.е. мой компонент юзает сторонний компонент - конкретно date picker airbnb, мне нужно получить его refs из моего компонента

Чтобы заработал ре-рендер надо сортировать копию массива, а потом через setState задать уже отсортированный

привет! а кто подскажет как мне получить refs другого компонента? Ну т.е. мой компонент юзает сторонний компонент - конкретно date picker airbnb, мне нужно получить его refs из моего компонента

Тот компонент дочерний?

Чем так популярен gitter?

Он популярен?)

Тот компонент дочерний?

да

Может интеграцией с гитхабом?

sortByDate() { const unsortedTasks = this.state.tasks; const tasksSortedByDate = unsortedTasks.sort((a, b) => { return new Date(a.createdAt) - new Date(b.createdAt)}); return this.setState({tasks: tasksSortedByDate}); } так тоже не работает

причем в ReactDevTools компонент обновляется, а на экране изменений нет

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

sortByDate() { const unsortedTasks = this.state.tasks; const tasksSortedByDate = unsortedTasks.sort((a, b) => { return new Date(a.createdAt) - new Date(b.createdAt)}); return this.setState({tasks: tasksSortedByDate}); } так тоже не работает

Это ссылка…

ааа, сорян, понял в чем дело

спасибо всем :)

ааа, сорян, понял в чем дело

так в чем?

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

и этот компонент получал значения полей через пропсы

и потом сохранял у себя в стейте

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

пропсы обновлялись в компоненте, а стейт у TableItem - нет

хз, может быть не стоило так делать

первый раз на реакте пробую что-то сделать

Чем так популярен gitter?

Тем, что может быть привязан к конкретному сообществу вокруг чего-то(typescript, mobx, node, webpack). При этом не надо нигде регаться, у тебя уже есть гитхаб акк.

Он и меняет на месте и возвращает

Ну нет, не возвращает

Ну нет, не возвращает

Хм, перешел в доки, написано, что возвращает тоже. Посыпаю голову пеплом

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

Ага, сори

Бывает)

дело в том что мой див, это стейтлес функция одной библиотеки

Форкай либу

Либо оберни стейтлес

В дом ноду

У нее возьми рефу

А по рефе через стандартные дом методы найди нужный див

Типа .firstChild

Форкай либу

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

Ну вот выше солюшн

Попроще

да, через фирст чайлд тема

спасибо!

Грустная тема только

jQuery like

Даже там себе такого не позволял :(

Ну впринципе и обернуть то вообще не проблема

щас затестю

Кстати, есть еще такой вопрос: как лучше "шарить" состояние между двумя компонентами? Допустим, есть два компонента, которые полностью завязаны на одно и тоже состояние, но разбросаны в разных частях DOM(один не дочерний другому, общий предок не прямой). Например, кнопка поиска и сама форма поиска: нажали на кнопку, икнока сменилась и открылась форма, нажали опять, иконка вернулась и форма закрылась. Лучший способ сделать такое поведение все-таки через общего предка(хоть и далекого)?

Кстати, есть еще такой вопрос: как лучше "шарить" состояние между двумя компонентами? Допустим, есть два компонента, которые полностью завязаны на одно и тоже состояние, но разбросаны в разных частях DOM(один не дочерний другому, общий предок не прямой). Например, кнопка поиска и сама форма поиска: нажали на кнопку, икнока сменилась и открылась форма, нажали опять, иконка вернулась и форма закрылась. Лучший способ сделать такое поведение все-таки через общего предка(хоть и далекого)?

redux

window

redux ну или да, если не хочется тянуть

:)

ERROR: S client not available

крутая штука

инфа сотка

redux

Удваиваю

Когда так компонент определяешь потом в консоль ошибки анонимная функция сыпет или по нормальному имя Description подхватывает?

Кстати, есть еще такой вопрос: как лучше "шарить" состояние между двумя компонентами? Допустим, есть два компонента, которые полностью завязаны на одно и тоже состояние, но разбросаны в разных частях DOM(один не дочерний другому, общий предок не прямой). Например, кнопка поиска и сама форма поиска: нажали на кнопку, икнока сменилась и открылась форма, нажали опять, иконка вернулась и форма закрылась. Лучший способ сделать такое поведение все-таки через общего предка(хоть и далекого)?

mobx

Не использовал styled components и вообще сомневаюсь в удобстве использования: - правильно я понимаю что на каждый див и спан теперь будет создаваться отдельный реакт компонент и девтузлах будет такая картинка? - если на каждый дум-элемент будет создаваться отдельный реакт-компонент то насколько сильно просядет производительность?

Вот про это я и говорил :)

do you ever react, bro?

я думаю пройдет скоро хайп на css in js

я думаю пройдет скоро хайп на css in js

не скоро

Я пока до сих пор не вижу большого профита переходить на него

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

Да и так и так многое прячется за компонентами своими

Подскажите, пожалуйста, где почитать о разработке своего рендерера для React? Типа ReactNative, react-ionize (для Electron)

redux

Это да, но не хочется такое состояние тянуть в redux, так как оно локально относительно только двух компонентов и не будет нужно где-то ещё

Это да, но не хочется такое состояние тянуть в redux, так как оно локально относительно только двух компонентов и не будет нужно где-то ещё

так он для этого и нужен

Не очень же хорошо локальное состояние выносить в redux?

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

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

а если редакс больше нигде не нужен можешь через контекст сделать

немного грязно правда будет

Контекст, кстати, до сих пор не относится к стабильному API?

Не использовал styled components и вообще сомневаюсь в удобстве использования: - правильно я понимаю что на каждый див и спан теперь будет создаваться отдельный реакт компонент и девтузлах будет такая картинка? - если на каждый дум-элемент будет создаваться отдельный реакт-компонент то насколько сильно просядет производительность?

+++

Народ, гле дешевле можно купить ssl чтобы браузеры разрешали микрофон запускать?

Народ, гле дешевле можно купить ssl чтобы браузеры разрешали микрофон запускать?

https://www.ihor.ru/ssl/comodo PositiveSSL от 500р в год, где то есть и дешевле)) Но есть и бесплатный let's encrypt

О, попробую сначала бесплатный. Если не пойдет то этот

Спасиьбо

Народ, гле дешевле можно купить ssl чтобы браузеры разрешали микрофон запускать?

letsencrypt и покупать не нужно

ну мне например изначально очень зашла идея CSS Modules, но когда я SC увидел, понял что это вообще идеальная штука для меня, все супер компонентно тоже, без лишнего шатания

Расшифруй SC.