Подскажите пожалуйста, как объединить это в одну конструкцию? onChange={ () => this.props.onChange() } onChange={(event) => this.props.isPortionActual( this.props.id, event.target.checked )}

Создай промежуточную функцию.

в ней checked - unresolved var

Возможно я конечно что-то не так делаю

Подскажите пожалуйста, как объединить это в одну конструкцию? onChange={ () => this.props.onChange() } onChange={(event) => this.props.isPortionActual( this.props.id, event.target.checked )}

onChange={ event => { this.props.isPortionActual( this.props.id, event.target.checked ); this.props.onChange(); }}

onChange={ event => { this.props.isPortionActual( this.props.id, event.target.checked ); this.props.onChange(); }}

Супер! Огромное спасибо!

Топ админ

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

Перестать верстать

верстать круто)

Отказаться от IE11

Отказаться от IE11

+++

верстаю на реакте, мне нравится

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

Не верстать

нанять верстальщика?

+1, достаочно много вакнсий без верстки

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

Выучить флексы и гриды

ну вот в проекте нужно верстать

а я уже приуныл

верстать

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

И брать SC

--> React <-- RoadMap 2018 https://raw.githubusercontent.com/adam-golab/react-developer-roadmap/master/roadmap.png

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

Никак

от одной мысли что нужно взять и писать css хочется пойти домой

пиши jss

одна хрень ведь)

Верстать норм, просто надо чутка думать

от одной мысли что нужно взять и писать css хочется пойти домой

Угу, CSS - самое худшее, что есть во Front End. Имхо

лол

Угу, CSS - самое худшее, что есть во Front End. Имхо

еще хтмл и жс

одна хрень ведь)

да - но можно себя обмануть - это как покрасить неприятные таблетки в приятные цвета - типа js)

Перестать верстать и начать бутстрапить))

верстать - это вам не пропсы прокидывать, тут думать надо

как перестать прокидывать пропсы

шутка

Перестать верстать и начать бутстрапить))

в 2018?) сам перевел чсть стилей проекта на бустраповский вид - заплакал

Я использую семантик и он хорош до поры до времени

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

Заюзывать*

А если у них свой дизайн?

Хотя.. забывать хорошо передаёт смысл))

А если у них свой дизайн?

бежать!)

А если у них свой дизайн?

у кого? у бутстрепа?

у проекта

Ну если чуть свой то не проблема подкорректировать потом, ну и плюс если в команде есть десигнер

Можно всегда ему дать на доукрашивание

верстать - это вам не пропсы прокидывать, тут думать надо

Антон, подкиньте тогда статью thinking in css

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

и мне все равно сложно

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

верстать не просто, да

дело не только во флексах

разные экраны, чото куда то сьезжает

плывет

Угу, CSS - самое худшее, что есть во Front End. Имхо

может изучи сначала css grid, flexbox

float ))00

На собесах могут спросить

разные экраны, чото куда то сьезжает

Ну делаешь 5-6 брейкпоинтов и под каждый интервал верстаешь

Ребят, а у кого-то были проблемы с поведением стандартных браузерных "вперёд\назад" в react-router? Очень странно, но вместо стандартного поведения я наблюдаю переходы, которые не могу объяснить: например, если нажать "назад" с открытым поп-апом, то рендерится ещё один поп-ап поверх текушего, вместо путешествия "назад" по истории браузера. Это вообще нужно как-то конфигурировать? Мб стоит использовать window.history.back() при клике на "назад" или это костыльно? Предполагал, что всё это из коробки работать должно так то...

Угу, CSS - самое худшее, что есть во Front End. Имхо

Знаешь что такое поток элементов в браузере? Без этого никуда...

Вечер добрый. Есть компонент для вывода различных диалоговых окон. При необходимости его можно вызвать, вызвав событие из любой части приложения. Когда компонент получает событие, он переходит в состояние isActive. После запускается рендер. В зависимости, если в this.state.isActive = true то комоненту добавляется класс и добавляетяс свойство display: block Проблема: когда в DOM очень много элементов, display: block добавляется не сразу, в то время как класс уже есть. ожидание добавления порядка 10 секунд. Эни айдиас?

ERROR: S client not available

Угу, CSS - самое худшее, что есть во Front End. Имхо

Нет.

Вечер добрый. Есть компонент для вывода различных диалоговых окон. При необходимости его можно вызвать, вызвав событие из любой части приложения. Когда компонент получает событие, он переходит в состояние isActive. После запускается рендер. В зависимости, если в this.state.isActive = true то комоненту добавляется класс и добавляетяс свойство display: block Проблема: когда в DOM очень много элементов, display: block добавляется не сразу, в то время как класс уже есть. ожидание добавления порядка 10 секунд. Эни айдиас?

добавь display: block в стили класса

собственно, я забыл написать что уже делал это)

--> React <-- RoadMap 2018 https://raw.githubusercontent.com/adam-golab/react-developer-roadmap/master/roadmap.png

Может у кого-нибудь для View есть похожее?)

та же проблема

видео с митапа не появилось? очень кусочек его интересен Доклад о том, с чего начать, если нужно оживить интерфейс. Анимации до сих пор остаются челленджем в React.js. Как легко начать с ней в React.js? Рассмотрим нюансы анимации с CSS и JS, и на десерт погрузимся в анимацию с помощью Styled Components.

Привет, есть идеи как реализовать такую вещь: отловить событие по нажатию на линку. Линки находятся в тексте.

onClick на линку повесить?

Или я слишком низко мыслю? :)

линки находятся в тексте, текст выводится пачкой )

onClick на родителя и смотреть event.target?

Привет, есть идеи как реализовать такую вещь: отловить событие по нажатию на линку. Линки находятся в тексте.

а в чём, собственно, проблема то? addEventListner, внутри проверяем target, при помощи contains проверяем что содержится внутри чего или кучей других подобных способов

onClick на родителя и смотреть event.target?

Тоже верно

Или я слишком низко мыслю? :)

прогнать текст через ф-ию и докинуть в нее span с onClick-ом куда надо, например

Нет.

а что?

можно листенера на документ + на линки. каждый линк регается в некий массив. в этот массив по клику на линк класть нечто. при клике на документ проверять есть ли нечто в массиве. если есть значит был клик на линк и надо что-то сделать. если нет, то ничего не делать с этим нечто. что даст? даст отсутствие проверки contains и тп (что не быстро, особенно если жирно элементов)

а в чём, собственно, проблема то? addEventListner, внутри проверяем target, при помощи contains проверяем что содержится внутри чего или кучей других подобных способов

проблема в том, что нужно реализовать логику: пользователь тыкают по любой линке на сайте, и перед тем как происходит редирект, нужно вывести попап. Но эти линки могут быть в текст, который приходит пачкой с апихи. Со всеми тегами, и причем выводится через dangerouslySetInnerHTML )) может есть решение получше вывода ?)

а что?

Почти всё. Из-за фигак-фигак и в прод сейчас жить больно.

Хотя на тот момент всё было очень логично и удобно.

А эта пикча откуда?

А эта пикча откуда?

https://github.com/kamranahmedse/developer-roadmap

https://github.com/kamranahmedse/developer-roadmap

благодарю

https://twitter.com/pomber/status/1016321909942779909?s=21 смотрите кто то symbiote написал )

--> React <-- RoadMap 2018 https://raw.githubusercontent.com/adam-golab/react-developer-roadmap/master/roadmap.png

> бэм маст хэв

https://twitter.com/pomber/status/1016321909942779909?s=21 смотрите кто то symbiote написал )

лол

> форм хэлперы "желательно знать"

> лодаш и момент "обязательно знать"

> лодаш и момент "обязательно знать"

Жиквери