у него свой user agent, обычно nginx условие ставлю

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

регрессионые вроде называются тесты

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

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

у меня на гитлабе в ci проходит автоматом для каждого мр

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

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

И сколько у тебя страниц? 10?

> 5k

И сколько у тебя страниц? 10?

отдельно кладутся в папочку и все (там еще можно похитрить и текста больше впилить для поиска))))

при релизе автоматом перерендериваются

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

ну хочется оповещение о том что что-то не прошло и визуальный diff

а еще хочется хранить версии скринов, они же могут и обновлятся на новый "эталон"

отдельно кладутся в папочку и все (там еще можно похитрить и текста больше впилить для поиска))))

Нельзя, если увидит разницу то понизит в результатах

Нельзя, если увидит разницу то понизит в результатах

раньше так делали скорее всего сейчас он стал похитрее конечно

всем привет

проблема с инпут

всем привет

привет, описывай сразу проблему целиком

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

Одним сообщением

привет, описывай сразу проблему целиком

ок брат

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

А как надо?

А как надо?

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

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

Покажи код

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

Почему стейт для инпута дочернего компонента у родителя?

Ребята, пните меня в нужную сторону, пожалуйста. Задача довольно несложная, но я туплю под вечер. Есть текстовый инпут, если в нем что-то есть, то надо показать еще один дом-элемент. { this.searchInput.current.value && (<div className="clear-search-btn"></div>) } Реф я к нему, естественно, прикрутил (там другие обработчики есть на нем), но внутри рендера компонента вот эта конструкция не работает, ЧЯДНТ?

Ребята, пните меня в нужную сторону, пожалуйста. Задача довольно несложная, но я туплю под вечер. Есть текстовый инпут, если в нем что-то есть, то надо показать еще один дом-элемент. { this.searchInput.current.value && (<div className="clear-search-btn"></div>) } Реф я к нему, естественно, прикрутил (там другие обработчики есть на нем), но внутри рендера компонента вот эта конструкция не работает, ЧЯДНТ?

Тестировал через тринарный оператор?

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

Ramda?

разбить на подредюсер просто

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

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

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

Хоки может есть?

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

спасибо за помощь, теперь все работает!

спасибо за помощь, теперь все работает!

не за что!

Хоки может есть?

из родителя пропсы перекидываются ток, хоков нет

Всем привет. Я тут только начал учить React, так что простите если сильно простой вопрос. Помогите спроектировать таймер, который будет запускаться по изменению props. То-есть я рендерю таймер так: <Timer person={this.state.currentRunner} onFinish={this.handleRaceFinish} /> И в componentDidMount он сохраняет текущий unix timestamp в state.startTimestamp. Это дает возможность посчитать время, нужное person на забег. Когда person добежал, таймер вызовет props.onFinish. И когда родительская компонента изменит props.person на что-то другое, то таймер должен перезапуститься и начать считать время забега уже нового чувака. То-есть когда person таки добежал, то Timer сделает следующее: this.props.onFinish(this.props.person, currentTimestamp() - this.state.startTimestamp); А родительская компонента имеет что-то типа такого: handleRaceFinish(person, time) { this.setState(/* update race time of the given person */); this.setState({currentRunner: /* get next runner */); /* !!!!! */ } Так вот. Где мне устанавливать Timer'овский state.startTimestamp? При первом запуске я его ставлю в componentDidMount. А какой метод Timer'а будет вызван, когда родительская компонента изменит свой currentRunner (то место, где я поставил /* !!!!! */ ?

Всем привет. Я тут только начал учить React, так что простите если сильно простой вопрос. Помогите спроектировать таймер, который будет запускаться по изменению props. То-есть я рендерю таймер так: <Timer person={this.state.currentRunner} onFinish={this.handleRaceFinish} /> И в componentDidMount он сохраняет текущий unix timestamp в state.startTimestamp. Это дает возможность посчитать время, нужное person на забег. Когда person добежал, таймер вызовет props.onFinish. И когда родительская компонента изменит props.person на что-то другое, то таймер должен перезапуститься и начать считать время забега уже нового чувака. То-есть когда person таки добежал, то Timer сделает следующее: this.props.onFinish(this.props.person, currentTimestamp() - this.state.startTimestamp); А родительская компонента имеет что-то типа такого: handleRaceFinish(person, time) { this.setState(/* update race time of the given person */); this.setState({currentRunner: /* get next runner */); /* !!!!! */ } Так вот. Где мне устанавливать Timer'овский state.startTimestamp? При первом запуске я его ставлю в componentDidMount. А какой метод Timer'а будет вызван, когда родительская компонента изменит свой currentRunner (то место, где я поставил /* !!!!! */ ?

gdsfp

О еботь, не дочитал

Ух-ты

getDerivedStateFromProps может как раз то что и нужно.

getDerivedStateFromProps может как раз то что и нужно.

Ну да

Тогда еще один вопрос можно? А не правильнее будет ли тут использовать componentDidUpdate?

(мне для себя -- только первый день заканчиваю с react'ом)

Тогда еще один вопрос можно? А не правильнее будет ли тут использовать componentDidUpdate?

Нет

А почему?..

Ну мб да я не читал твою задачу

Всего доброго

??

Вот меня интересует почему официальная документация говорит не использовать getDerivedStateFromProps

Вот меня интересует почему официальная документация говорит не использовать getDerivedStateFromProps

Там не так сказано

Еще раз прочти название статьи

> This method exists for *rare use cases* where the state depends on changes in props over time.

> We did not provide many examples, because as a general rule, derived state should be used sparingly

Ладно я спать удачи там

Спасибо

Тогда еще один вопрос группе. Вот есть статья https://reactjs.org/docs/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class Там есть компонента Clock. В ней, очевидно, есть свой state. Но почему-то timerID сохраняют не в state, а в this.timerID = ...; Почему так?

ERROR: S client not available

а вот скажите, пожалуйста, если у нас один канал, через который мы авторизируемся (https), нахуя нам refresh? mitm-атаки боимся?

Тогда еще один вопрос группе. Вот есть статья https://reactjs.org/docs/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class Там есть компонента Clock. В ней, очевидно, есть свой state. Но почему-то timerID сохраняют не в state, а в this.timerID = ...; Почему так?

он не играет роли в перерендере. Не нужно ему в стейт. И получается менять 'мимо' реакта можно. Вот как раз для подобных моментов

он не играет роли в перерендере. Не нужно ему в стейт. И получается менять 'мимо' реакта можно. Вот как раз для подобных моментов

кажется понял. спасибо

Всем привет. Я тут только начал учить React, так что простите если сильно простой вопрос. Помогите спроектировать таймер, который будет запускаться по изменению props. То-есть я рендерю таймер так: <Timer person={this.state.currentRunner} onFinish={this.handleRaceFinish} /> И в componentDidMount он сохраняет текущий unix timestamp в state.startTimestamp. Это дает возможность посчитать время, нужное person на забег. Когда person добежал, таймер вызовет props.onFinish. И когда родительская компонента изменит props.person на что-то другое, то таймер должен перезапуститься и начать считать время забега уже нового чувака. То-есть когда person таки добежал, то Timer сделает следующее: this.props.onFinish(this.props.person, currentTimestamp() - this.state.startTimestamp); А родительская компонента имеет что-то типа такого: handleRaceFinish(person, time) { this.setState(/* update race time of the given person */); this.setState({currentRunner: /* get next runner */); /* !!!!! */ } Так вот. Где мне устанавливать Timer'овский state.startTimestamp? При первом запуске я его ставлю в componentDidMount. А какой метод Timer'а будет вызван, когда родительская компонента изменит свой currentRunner (то место, где я поставил /* !!!!! */ ?

отец ? рили ? ahjahah а почему не мать ?

хотя как то странно ?

отец ? рили ? ahjahah а почему не мать ?

А как по-русски правильно-то? Предок? По-украински "батьківський", которое означает не только отца, но и, возможно, мать (хотя и реже).

ну хз. Обычно просто родитель

ну хз. Обычно просто родитель

О. Забыл такое слово...

Ок. Еще один, возможно тупой, вопрос. Если у меня есть компонент (скажем Thermometer), который что-то считает. То как из него передать значения измерений родителям? Lifting State Up советует делать callback method. Но, кажется, выглядит как-то тупо: <Thermometer reportTo={this.handleTemperatureInfo} />

Ок. Еще один, возможно тупой, вопрос. Если у меня есть компонент (скажем Thermometer), который что-то считает. То как из него передать значения измерений родителям? Lifting State Up советует делать callback method. Но, кажется, выглядит как-то тупо: <Thermometer reportTo={this.handleTemperatureInfo} />

Компонент. Без а. Мужской род

Ок. Еще один, возможно тупой, вопрос. Если у меня есть компонент (скажем Thermometer), который что-то считает. То как из него передать значения измерений родителям? Lifting State Up советует делать callback method. Но, кажется, выглядит как-то тупо: <Thermometer reportTo={this.handleTemperatureInfo} />

То как описано — нормально. Только имя пропса лучше onReport

Компонент. Без а. Мужской род

Не знал -- реально думал, что женский. Исправил.

Может onDataAvailable ?

Ну как событие называется так и называй

Только не onClick

А есть ли какой-то нормальный способ родителям спростить значение? Ну или попросить эту компоненту сохранять значение куда мне нужно? Ну, то-есть, в C я бы просто указатель передал. writeTo=&temperature.

Либо как-то так: therm1.getTemp()?

Или в react идиоматически правильно через callback?

Или в react идиоматически правильно через callback?

Да

А есть ли какой-то нормальный способ родителям спростить значение? Ну или попросить эту компоненту сохранять значение куда мне нужно? Ну, то-есть, в C я бы просто указатель передал. writeTo=&temperature.

Родитель не должен спрашивать. Он должен получать изменения когда они происходят

Гм. Ок. Спасибо.

Утро доброе Возможно, сейчас мне дадут разрешение переписать все это говно под атомик дизайн (правда все еще на преакте?) НАКОНЕЦ-ТО мои молитвы могут быть услышаны

Парни, так что, ни кто не работал с Ckeditor5 balloon, и value поля не выдергивал?

Прости, впервые такое слышу

подскажите такую штуку. Сбилдил в этот раз create-react-app проект, раздаю нодой, открываю страницу и в network все файлы приняты на клиенте, но реакт-приложение не отрисовывается. Куда смотреть?

подскажите такую штуку. Сбилдил в этот раз create-react-app проект, раздаю нодой, открываю страницу и в network все файлы приняты на клиенте, но реакт-приложение не отрисовывается. Куда смотреть?

Что консоль говорит?