@react_js - страница 571 - Telegram web archive

Alex

Вопрос к тем, кто использует jsDoc с реактом. Если компонент принимает children из пропсов, как будет правильно указать тип children? Каким типом вообще луче отмечать реактовыский компонент? Вроде PropTypes.node

React.ReactNode?

Андрей

Вот такой код в редюссере норм или уволят за такой код?

Игорь

React.ReactNode?

Все гениальное просто, спасибо!

Alex

Не за что

🐏 Alexander

Вот такой код в редюссере норм или уволят за такой код?

я видел и хуже, но вот использование _.findIndex, когда есть Array.findIndex я не понимаю

Anton

Вот такой код в редюссере норм или уволят за такой код?

вместо извращений с индесами можно делать так newArray = array.map(item => itemId === serachId ? {...item, ...updates} : item)

Vladimir

Вот такой код в редюссере норм или уволят за такой код?

несколько штук точно можно вынести в отдельные хелперы, например "вставить элемент в массив по индексу"

Anton

и вообще все что в case лучше вынести в отдельный метод

Vladimir

и вообще юзать immer

artalar

В gql можно сортировку как-то указывать?

MⅨ

В gql можно сортировку как-то указывать?

Если я правильно понял, то это нажно самому через js sort в updateQuery делать https://www.apollographql.com/docs/react/features/pagination/#relay-style-cursor-pagination

Volodymyr

что юзаете для мультиязычности?

Vladimir

React-intl от Yahoo

Artem

Всем привет, пользуется ли кто активно в работе bit.dev - ускорило ли его внедрение в процессы разработку?

Eduard

во время сборки пакета меня почему-то вебпак дергает и говорит, что нужно скачать либу react-hot-loader, никто не знает почему такое может быть?

DErek

Всем Привет ребята!!! Подскажите кто что использует для форматирование чисел ? В том числе интересно еще форматипрование с SI-prefix это к примеру (6К, 12М и т.д.).

Bogdan

подскажите по ts, как понять что что то нужно описать? типо путь у роута нужно например описывать?

Anonymous

Ребята

Anonymous

привет

Anonymous

Кто учился по Юрию Бура?

Anonymous

Как вы с таким кол-вом рефакторинга поняли что происходит? я задолбался если честно. Только напишу код который понимаю более менее, он его к концу урока рефакторит так что я полностью связь теряю

Anonymous

это капец.

Mihail

Кто учился по Юрию Бура?

Я

Mihail

Нормальный курс

Mihail

Всё понятно

Mihail

Он разжевывает для самых тормозов же

Andrey

@javascript_jobs

Sergey

Как вы с таким кол-вом рефакторинга поняли что происходит? я задолбался если честно. Только напишу код который понимаю более менее, он его к концу урока рефакторит так что я полностью связь теряю

Ну он сначала показывает как это работает внутри, а потом как упростить

Anonymous

Всё понятно

057 Трансформация данных API вот тут я вообще потеряшку выхыватил, вроде сначала понятно было, потом отрефакторил так что я теперь нить потерял, почему нельзя сразу написать так как должно быть? к чему столько рефакторинга..

Anonymous

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

Anonymous

onPlanetLoaded = (planet) => { this.setState({planet}) } updatePlanet(){ const id = Math.floor(Math.random()*25)+2 this.swapiService .getPlanet(id) .then(this.onPlanetLoaded) ) } вот тут не совсем понимаю как работает код который внутри then внутрь then попадает объект который возвращается из getPlanet, он автоматически передаётся в качестве аргумента в функцию onOlanetLoaded?

Pavel

onPlanetLoaded = (planet) => { this.setState({planet}) } updatePlanet(){ const id = Math.floor(Math.random()*25)+2 this.swapiService .getPlanet(id) .then(this.onPlanetLoaded) ) } вот тут не совсем понимаю как работает код который внутри then внутрь then попадает объект который возвращается из getPlanet, он автоматически передаётся в качестве аргумента в функцию onOlanetLoaded?

да, почитайте про функции высшего порядка в js

Anonymous

ок, понял спасибо

Anonymous

057 Трансформация данных API вот тут я вообще потеряшку выхыватил, вроде сначала понятно было, потом отрефакторил так что я теперь нить потерял, почему нельзя сразу написать так как должно быть? к чему столько рефакторинга..

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

Anonymous

хм, а почему просто не юзать класс? там же удобнее работать с сотоянием...

Bohdan

В парселе можно веб воркеры юзать?

Руслан

Подскажите, пожалуйста, а можно как-то менять атрибуты в html тегах Чтобы вместо этого { this.state.isMobile? ( <ButtonGroup vertical> .... </ButtonGroup> ) : ( <ButtonGroup> .... </ButtonGroup> ) } что-то вроде этого <ButtonGroup isMobile ? vertical : null> .... </ButtonGroup>

Den

Подскажите, как в реакте правильно повесить событие onEnter?

🦜

Подскажите, пожалуйста, а можно как-то менять атрибуты в html тегах Чтобы вместо этого { this.state.isMobile? ( <ButtonGroup vertical> .... </ButtonGroup> ) : ( <ButtonGroup> .... </ButtonGroup> ) } что-то вроде этого <ButtonGroup isMobile ? vertical : null> .... </ButtonGroup>

В переменную запиши и ее передавай

Vadim

Подскажите, пожалуйста, а можно как-то менять атрибуты в html тегах Чтобы вместо этого { this.state.isMobile? ( <ButtonGroup vertical> .... </ButtonGroup> ) : ( <ButtonGroup> .... </ButtonGroup> ) } что-то вроде этого <ButtonGroup isMobile ? vertical : null> .... </ButtonGroup>

const vertical = this.state.isMobile; <ButtonGroup vertical={vertical}>

Руслан

Спасибо!

Vadim

или вообще сразу isMobile передавать

Ivansky

или вообще сразу isMobile передавать

Зачем?

Vadim

Зачем?

лишняя переменная

Ivansky

Кто должен знать о том что ButtonGroup здесь должен быть vertical? Сам ButtonGroup? Что если на мобилке где-то он будет horizontal а где-то vertical?

Ivansky

Меньше думаешь о проектировании -> больше будешь рефакторить

Vadim

Кто должен знать о том что ButtonGroup здесь должен быть vertical? Сам ButtonGroup? Что если на мобилке где-то он будет horizontal а где-то vertical?

как ты выдишь знает об этом родитель

Bogdan

есть у кого ссылка, как хуки описать в ts? типо есть вот const { updateSummary, summaryList } = useSummary();

Ivansky

как ты выдишь знает об этом родитель

Не кто знает, а кто должен знать. В этом был вопрос.

Vadim

Не кто знает, а кто должен знать. В этом был вопрос.

а какая разница?) спрашивал то он про другое

Ivansky

Не надо советовать ерунды

wolfe

а какая разница?) спрашивал то он про другое

:D

Vadim

Подскажите, пожалуйста, а можно как-то менять атрибуты в html тегах Чтобы вместо этого { this.state.isMobile? ( <ButtonGroup vertical> .... </ButtonGroup> ) : ( <ButtonGroup> .... </ButtonGroup> ) } что-то вроде этого <ButtonGroup isMobile ? vertical : null> .... </ButtonGroup>

вот вопрос

Ivansky

Не оправдывайся)

Vadim

если переменная в стейте, то скорее всего грид переключается по кнопке

Vadim

Не оправдывайся)

давай не будем вбросы подобные делать

Vladimir

Подскажите, как в реакте правильно повесить событие onEnter?

onKeyPressHandler = event => { const keyCode = event.charCode; const ENTER_KEY_CODE = 13; if (keyCode === ENTER_KEY_CODE) { some... } } <div onKeyPress={this.onKeyPressHandler}/>

Ivansky

Кнопка которая переключает isMobile?

Vadim

Кнопка которая переключает isMobile?

да

Ivansky

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

Vadim

И если хочешь посоветовать ему как лучше, то отвечай на его сообщения. Думаю он твое сообщение не увидел

Ivansky

Проблема в том что ты был уверен в своем совете, я тебе советую как не надо делать и почему.

Vadim