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

Жги, почему-бы нет?

Потому что префекционизм. Хочу писать код так, будто его будет супортить маньяк, который знает где я живу)

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

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

? Кек

Привет, подскажите нормальную либу по графикам )

Привет, подскажите нормальную либу по графикам )

chart.js ?

Привет, подскажите нормальную либу по графикам )

D3.js?

а под react или они и под react норм пойдут ?

а под react или они и под react норм пойдут ?

Эм..

Подойдут

Все окей

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

У меня умные компоненты просто получают данные со сторы и дёргают методы сервисов, тупые - просто верстка. Поскольку смысл компонентов в инкапсуляции, использование умных в вьюхах эт норма

У меня умные компоненты просто получают данные со сторы и дёргают методы сервисов, тупые - просто верстка. Поскольку смысл компонентов в инкапсуляции, использование умных в вьюхах эт норма

Спасибо!

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

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

Исключение это вложенные формы, вот где изврат

Исключение - это когда в форме селект, который должен получать данные по апи, который используется не только в этой форме Хотя даже в этом случае - спорно

@artalar ты же вроде кидал ссылку на сборник китов

Самое первое примечание https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md @TchernyavskyD

Самое первое примечание https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md @TchernyavskyD

да не мне, там выше народ спрашивал

спасибо

Ребят я только начал изучать фронт и реакт. Помогите плиз. Я хлчу применить стили к компоненту. Если я указываю стили внутри описания клмпонента в методе render то все нормально работает. А если я хочу применить где то вне когда уже применяю этот компонент то стили не применяются. Например описал компонент Logo. Где то в не пишу <Logo className=“testStyle”/> стили не применяются. Ну если честно это понятно почему не применяются. Но как мне передать это стили внутрь компонента как проперти и уже внутри их применить? Совместно с другими стилями

Внутри Logo В рендере к html тегу пиши className={this.props.className}

Или так className={your styles ${this.props.className}}

А кто работает с Flow? подскажите плиз, для его работы нужно соединение с интернетом? сейчас сижу со слабого мобильного интернета, и не работает флоу, пишет "Lost connection to the flow server (0 retries remaining): |Out of retries, exiting!", это может быть изза плохого инета?) или изза того, что работаю из встроенной в Windows 10 Ubuntu ?)

(еще ни разу не получилось запустить флоу)

А кто работает с Flow? подскажите плиз, для его работы нужно соединение с интернетом? сейчас сижу со слабого мобильного интернета, и не работает флоу, пишет "Lost connection to the flow server (0 retries remaining): |Out of retries, exiting!", это может быть изза плохого инета?) или изза того, что работаю из встроенной в Windows 10 Ubuntu ?)

какой сейчас год ?

А кто работает с Flow? подскажите плиз, для его работы нужно соединение с интернетом? сейчас сижу со слабого мобильного интернета, и не работает флоу, пишет "Lost connection to the flow server (0 retries remaining): |Out of retries, exiting!", это может быть изза плохого инета?) или изза того, что работаю из встроенной в Windows 10 Ubuntu ?)

второе

Или так className={your styles ${this.props.className}}

Не надо так. Для конкатенации классов есть classnames.

какой сейчас год ?

а мою одежду тебе не надо ?)

второе

спасибо )

какой сейчас год ?

3308 от царствования великого фараона Рамзеса!

какой сейчас год ?

Чем плох flow?

второе

а как ты это понял ?

а как ты это понял ?

Флоу работает локально, его сервер — это локальный сервер, а убунта в венде все ещё костыльная и там много подобных проблем

Не надо так. Для конкатенации классов есть classnames.

Царствие небесное

3308 от царствования великого фараона Рамзеса!

ошибся на десяточку)

Чем плох flow?

я имеел ввиду медленный интернет

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

Царствие небесное

Шта

ох

Шта

Classnames хуевая практика

Classnames хуевая практика

Предложи лучше

я имеел ввиду медленный интернет

3г медленный, 4г есть не всюду

Так что вполне себе

3г медленный, 4г есть не всюду

да я б за 3г убил сейчас :D

Предложи лучше

Предлагаю суецыд

Classnames хуевая практика

а чем она плоха, можешь развернуть мысль?

Ребята, всем привет, вот такая у меня вложенность в reducer , пытаюсь изменить состояние checked отдельного чекбокса. Подскажите где может быть ошибка

чет сложно....

Ребята, всем привет, вот такая у меня вложенность в reducer , пытаюсь изменить состояние checked отдельного чекбокса. Подскажите где может быть ошибка

А какая собственно ошибка?

Ребята, всем привет, вот такая у меня вложенность в reducer , пытаюсь изменить состояние checked отдельного чекбокса. Подскажите где может быть ошибка

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

как научить webstorm показывать подсказки, когда использую вот такую конструкцию <Nav.Item>. хочется чтоб введя <Nav. - он подсказывал какие компоненты он наследует.

как научить webstorm показывать подсказки, когда использую вот такую конструкцию <Nav.Item>. хочется чтоб введя <Nav. - он подсказывал какие компоненты он наследует.

@ide_ru

точно )

@sergeysova спасибо

чего-то не понимаю я, как документировать проект storybook/styleguidist — это, конечно, круто, но покрывает только компоненты, а первый еще и непонятно как использовать с JSDoc-аннотациями documentation.js выдает какой-то мусор для компонентов: пропсы, описанные в static propTypes = { ... }, почему-то в документации идут отдельно от компонента

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

Ну должно вернуть prevstate и измененный чекбокс

ошибся на десяточку)

Нет же. Рамзес взошел на трон в 1290-1291 г до н.э.

ERROR: S client not available

Нет же. Рамзес взошел на трон в 1290-1291 г до н.э.

я ошибся на десяточку значит :D

Ну должно вернуть prevstate и измененный чекбокс

Так посмотри, что возвращает

Так посмотри, что возвращает

а должен в категории category_id изменить чекбокс с айдишником 2

this.props[mode] это объект у которого есть метод get

Чёрт, точно

Спасибо

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

Краткое пособие как не стоит делать

Дважды

А как правильнее сделать?

@ide_ru

оу, не знал о таком чатике, спасибо ))

А как правильнее сделать?

Вариантов очень много

Вариантов очень много

Но конкретно этот вариант - не ок, да?

А как правильнее сделать?

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

А потом, естественно, пропс переименуют и всё взорвется

ребята как отловить скрол в реакт

ребята как отловить скрол в реакт

Вешаешь врапер и на него событие онскролл

что то не работает constructor(props) { super(props); this.state = {classelemetn: true}; this.scrollMetod = this.scrollMetod.bind(this) } render(){ return( <div onScroll={this.scrollMetod}>

scrollMetod(){ this.setState({classelemetn: false}); }

что то не работает constructor(props) { super(props); this.state = {classelemetn: true}; this.scrollMetod = this.scrollMetod.bind(this) } render(){ return( <div onScroll={this.scrollMetod}>

А див этот скроллится?

да

Каким лучше образом высчитывать CSS значение в React для элемента. Через JS или CSS? ?

да

Расставь консоль логи везде

Каким лучше образом высчитывать CSS значение в React для элемента. Через JS или CSS? ?

Css in js

Каким лучше образом высчитывать CSS значение в React для элемента. Через JS или CSS? ?

Если можешь цсс то лучше в нем. Чистый цсс быстрее

Если можешь цсс то лучше в нем. Чистый цсс быстрее

Но хуже поддерживается потом

Но хуже поддерживается потом

Зависит от сложности

имел в виду: const calcedWidth = …. // a +b c * d / m; или const calcWidthCss = `calc(..)`