центра видимо нет, но допилить можно

минута глупых вопросов\

если у меня импортируется один и тот файл несколько раз

в разных местах

вебпак/бабель это оптимизирует?

если юзаешь commonChunkPlugin

записал, погуглю, спасибо

Да вроде и без него оптимизирует, если в пределах одного бандла.

ну в пределах одного да

ну у меня один бандл да

есесно он не будет его в один и тот же файл собирать несколько раз)

тогда плагин не нужен

плагин прост выкидывает общий код из бандлов в отдельный файл

подскажите, как лучше обращаться к дом элементу: 1. через document.querySelector('.hero') 2. или через refs - ref={(node) => { this.hero = node; }}

2

2

подскажите, как лучше обращаться к дом элементу: 1. через document.querySelector('.hero') 2. или через refs - ref={(node) => { this.hero = node; }}

первое нельзя

спасибо, разобрался

как можно прокинуть refs из функционального компонента наверх?

зачем?

прокидывай онченж в компонент, и вызывай его по смене рефа

или что там

да у меня не форма. просто к диву надо обратиться

не надо

:)

пересмотри архитектуру

что с дивом сделать надо?

нужно сделать параллакс компонент

а с дивом что не так? )

ну див - это функциональный компонент, в котором ещё текст всякий и другие компоненты

я думал рулить этим дивом из родительского компонента, где обрабатывается window.scroll

если честно то хз

зачем тебе размазывать логику по двум компонентам

https://github.com/RRutsche/react-parallax

глянь тут например

http://stackoverflow.com/questions/29725828/update-style-of-a-component-onscroll-in-react-js

и вот еще

но вообще изоляция, изоляция и еще раз изоляция

как говорил товарищ ленин

надо наверное HOC сделать

тоже вариант

интересно надо будет банить или нет

ой все)

я уже запасся попкорном и сижу жду

done ✅

тоже вариант

но наверное если несколько parallax блоков на странице, то использование HOC приведёт к тому, что будет вешаться несколько eventListener('scroll'), а это не есть хорошо

а в чем проблема собсна?

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

у меня тут пока нету redux, голый react

это жорошо

ребят подскажите в чем может быть проблема есть onMouseEnter={() => this.onMouseEnterHandler(article.id)} onMouseLeave={this.onMouseLeaveHandler}

и на них сетстейт

так вот если быстро дергать мышкой, то не всегда срабатывает сетстейт

Делай через обычное поле объекта, реакт превентит частые срабатывания

так вот если быстро дергать мышкой, то не всегда срабатывает сетстейт

Мб дело в асинхронности setState

и как исправить

#stateненужен

у меня вот такой вот алгоритм

а как сделать ?

Делай через обычное поле объекта, реакт превентит частые срабатывания

@Kreizo

Тебе же сказали

и как исправить

https://medium.freecodecamp.com/functional-setstate-is-the-future-of-react-374f30401b6b#.hk1kamq7

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

ERROR: S client not available

Пиши в this.hovered = !this.hovered, вместо this.setState({ hovered: !this.state.hovered })

Твое состояние будет моментально писатся в поле объекта, в отличие от setState

Реакту нужно время на подумать

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

салют всем! сорри за оффтоп, посоветуйте плз хорошие бесплатные шрифты? заранее спс!

arial, tahoma, verdana, times new roman

comic sans ms

arial, tahoma, verdana, times new roman

Так они не бесплатные)

везде стоят )

ну это была на самом деле айрони не тему отстутствия указания ЦА в вопросе

Roboto :)

салют всем! сорри за оффтоп, посоветуйте плз хорошие бесплатные шрифты? заранее спс!

на google fonts же дофига бесплатных шрифтов

Дима, взял педагогический момент испортил на тему раскрытия информации в вопросе :(

Сорри, видимо от "дизайнера" во мне больше, чем от педагога

А так Open Sans, Fira Sans, Roboto, PT Sans да

если кириллические

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

Вставить гифку котика

Вставить гифку котика

это слишком сложно для меня

Ого! Как ты это сделал?

?

упоминаешь @gif и пишешь запрос

Контекст вопроса уточни. Есть цсс анимации, есть канвас, можно самому ресайзииь по таймеру

Контекст вопроса уточни. Есть цсс анимации, есть канвас, можно самому ресайзииь по таймеру

css анимации

Меняешь класс.

Не?

Самый простой способ сделать выезжающий вправо поиск, инетерсует.

Не?

Да, меняю класс, но в какой момент? Просто после клика? А если у меня появляется компонент по клику? (до этого его не было.)

Ну у тебя два класса у компонента. Hidden/displayed. Антимируй например left