хз, насчет hr и доступности.

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

ало, я же написал ЕСЛИ

ало, я же написал ЕСЛИ

Ничего не меняет

да и для семантики, такое себе.

Ничего не меняет

))) товарищ майор

live coding с react и effector от @artalar объясняет принципы, подходы, основные практики https://www.youtube.com/watch?v=fbtElWjOXV0

Ребят, у меня в сбилджном варианте не рендерится компонент Home( основной) в react-router. Кидал на сервак - проблема не исправилась. На локальном сервере все как надо. https://github.com/qxie11/qxie11.github.io/tree/master/wp

Народ как лучше получить через ref высоту элемента если она динамическая и растягивается от контента, и элемент появляется только после клика мышкой ???

Заранее спасибо!

Ребята, всем привет, кто знает как в пропТайпах Реакта описать массив объектов ? и как там поставить тип "ИЛИ" пустой массив ?

Ребята, всем привет, кто знает как в пропТайпах Реакта описать массив объектов ? и как там поставить тип "ИЛИ" пустой массив ?

https://ru.reactjs.org/docs/typechecking-with-proptypes.html#proptypes по умолчанию он и так пустой

Всем доброго времени суток, Подскажите пожалуйста насколько правильно в nextjs делать след образом export default class MainIndex extends Component<Props, MainPageState> { constructor(props) { super(props); this.state = new MainPageState(); } static async getInitialProps(): Promise<MainPageState> { const tenders = await apiClient.tenders.getListing(); console.log(tenders); return { tenders }; } // async inited() { // const tenders = await apiClient.tenders.getListing(); // this.setState({ // tenders // }); // } async componentWillMount() { this.setState({ tenders: this.props.tenders }); } getInitialProps = async () => { const tenders = await apiClient.tenders.getListing(); console.log(tenders); this.setState({ tenders }); } render() { return ( <Layout> <ul> {this.state.tenders.map(tender => ( <li key={tender.name}> <Card tender={tender}></Card> </li> ))} </ul> </Layout> ); } }

Народ как лучше получить через ref высоту элемента если она динамическая и растягивается от контента, и элемент появляется только после клика мышкой ???

Window add event listener resize и смотреть при каждом ресайзе высоту элемента через ref

Window add event listener resize и смотреть при каждом ресайзе высоту элемента через ref

А я вот ещё нашёл типо через нулевой сетинтервал, плохое решение ??

очень

максимально плохое, я не шучу

А я вот ещё нашёл типо через нулевой сетинтервал, плохое решение ??

Плохое :)

как минимум, для таких случаев используется requestAnimationFrame

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

Ну смотрите у меня оно просто типо из за изначального display:none не видно.

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

А можешь ещё какое то решение подсказать кроме ивента?

Плохое :)

За решение спасибо.

И да, на второй клик и все последующие я уже вижу величину, даже если она меняется, именно при первом клике не вижу

За решение спасибо.

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

Народ как лучше получить через ref высоту элемента если она динамическая и растягивается от контента, и элемент появляется только после клика мышкой ???

Если это input типа textarea, то при измениии контента перепроверяйте высоту

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

Не, у меня есть карта, на ней есть выделенный участок, если клацнуть по нему появляется некий контекст диалог. И вот ширина у него всегда она и та же, а высота можем меняться, и мне при первом бы клике получить высоту элемента

Если это input типа textarea, то при измениии контента перепроверяйте высоту

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

Ну смотрите у меня оно просто типо из за изначального display:none не видно.

можно попробовать visibility: hidden вместо display: none

можно попробовать visibility: hidden вместо display: none

Спасибо попробую

Спасибо попробую

Opacity: 0

Вариант)))

Opacity: 0

Спасибо.

Это что ?

Всё плохо

Ответ «всё» тебя устроит ?

Это редукс ?

не подскадете как из вот такого объекта получить бин дату(`data:image/png;base64,iVBOR`)?

https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding

Нормально ли юзать styled components и ui либу?

Нормально ли юзать styled components и ui либу?

Нет

Имхо

Нормально ли юзать styled components и ui либу?

Да

Когда используешь ui библиотеку желательно минимум писать css

И следовать правилам данной библиотеке

Всем привет) нужен совет) Дали задание 10 способов реализации стора в реакт приложении Редакс само собой Контекст может быть А какие еще варианты могут быть? Буду благодарен если натолкнёте на мысль)))

Всем привет) нужен совет) Дали задание 10 способов реализации стора в реакт приложении Редакс само собой Контекст может быть А какие еще варианты могут быть? Буду благодарен если натолкнёте на мысль)))

window.store = {}

Всем привет) нужен совет) Дали задание 10 способов реализации стора в реакт приложении Редакс само собой Контекст может быть А какие еще варианты могут быть? Буду благодарен если натолкнёте на мысль)))

https://github.com/zerobias/effector

Всем привет) нужен совет) Дали задание 10 способов реализации стора в реакт приложении Редакс само собой Контекст может быть А какие еще варианты могут быть? Буду благодарен если натолкнёте на мысль)))

react-atom

Всем привет) нужен совет) Дали задание 10 способов реализации стора в реакт приложении Редакс само собой Контекст может быть А какие еще варианты могут быть? Буду благодарен если натолкнёте на мысль)))

useReducer

Mobx

Всем привет) нужен совет) Дали задание 10 способов реализации стора в реакт приложении Редакс само собой Контекст может быть А какие еще варианты могут быть? Буду благодарен если натолкнёте на мысль)))

Наталкиваю на мысль послать их в жеппу с таким заданием

Наталкиваю на мысль послать их в жеппу с таким заданием

+

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

"редакс само собой" - плохой ответ

Наталкиваю на мысль послать их в жеппу с таким заданием

Пхах так это же для собственного развития. Дал ментор задание)

такое задание имхо только с толку собьет)

подчеркивает псевдоважность стейт-менеджеров

подчеркивает псевдоважность стейт-менеджеров

ахха

Не душите а

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

А чо за тема реакт без либы для стора? Контекст же не катит для такого

зато катит hooks api)

https://github.com/ShizukuIchi/winXP зацени как красиво можно сделать без сторонних либ)

зато катит hooks api)

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

https://github.com/ShizukuIchi/winXP зацени как красиво можно сделать без сторонних либ)

Вот это посмотрю, не видел

https://github.com/ShizukuIchi/winXP зацени как красиво можно сделать без сторонних либ)

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

ну я привел его в пример только из-за того, что там стор реализован на хуках

так то понятно что старая тема

и что доказательство что это вообще реально — это ни капли не обнадёживает

просто имхо это очень красивый код

современненький молодежненький

ну я привел его в пример только из-за того, что там стор реализован на хуках

срочно переписывать

ой я уже настолько привык к таким шуткам, мужик)

зато катит hooks api)

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

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

приведи плз пример, о чем ты именно

приведи плз пример, о чем ты именно

Computed

Легче стало ?

если "вычисляемые данные", это то, что с редаксом делалось в mapStateToProps в бесючей обертке connect, ну так передай просто нужные пропсы снаружи, тот же context api используя, не вижу проблем

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

А че в реакте они есть ?