покажи другой путь будь добр

Можешь кодом поделиться?)))

Можешь кодом поделиться?)))

+1

Можешь кодом поделиться?)))

мне лениво делать нормальную либу, но могу закинуть на гист

давай на гист)

покажи другой путь будь добр

export class Api {} export class CommonApi extends Api { isAuthorised() { return this.get('/auth') } }

ща, 5 сек)

стрелочные функции работают медленнее

что

export class Api {} export class CommonApi extends Api { isAuthorised() { return this.get('/auth') } }

как огда выглядит action ? который должен диспатчить pending/success/error

давай на гист)

https://gist.github.com/Bitaru/5e91fc2ae278d278189f3a3d21ed629e

export class Api {} export class CommonApi extends Api { isAuthorised() { return this.get('/auth') } }

export const fetchAuth = () => asynchronous (dispatch, getState, { commonApi }) => { await commonApi.isAuthorised() }

выходит по два раза описывается экшен

в апи и в экшенах

как огда выглядит action ? который должен диспатчить pending/success/error

Диспатчить можешь как угодно Суть в том, что ты отделяешь непосредственно запросы от ридакса

Апи это именно запросы

Ничего больше

Экшены это ридакс и вызовы методов апи

Разработка идет в легкую, даже если бэк не готов

Тесты тоже, заменил объект и все ок

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

https://gist.github.com/Bitaru/5e91fc2ae278d278189f3a3d21ed629e

спасибо

Чет не пойму, а как я могу менять стиль (который в классах) у mui уомпонента через пропсы

Разработка идет в легкую, даже если бэк не готов

а если graphql?

Понял, нужно вместо параметра функцию передавать, она пропсы принимает

ребята, подскажите пожалуйста. Можно ли задать textarea высоту, равную высоту контента, который она содержит, при загрузке элемента? При событии onChange все хорошо работает так: const element = e.target element.style.height = 0 element.style.height = `${element.scrollHeight}px а вот изначально высоту задать не могу. onLoad не пашет ((

а если graphql?

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

ребята, подскажите пожалуйста. Можно ли задать textarea высоту, равную высоту контента, который она содержит, при загрузке элемента? При событии onChange все хорошо работает так: const element = e.target element.style.height = 0 element.style.height = `${element.scrollHeight}px а вот изначально высоту задать не могу. onLoad не пашет ((

зачем два раза .height менять?

первый раз чтобы сбить на 0, иначе scrollHeight будет равен текущему - уже заданному предыдущим событием

зачем два раза .height менять?

Чтобы scroll height обновилось и стало равно высоте контента

Чтобы scroll height обновилось и стало равно высоте контента

одно раза же достаточно

Тогда хз

нет, оно возьмет высоту объекта, проверено :) то есть - увеличиваться будет - а уменьшаться нет

первый раз чтобы сбить на 0, иначе scrollHeight будет равен текущему - уже заданному предыдущим событием

а из-за этого а сменить scrollHeight не?

ребята, подскажите пожалуйста. Можно ли задать textarea высоту, равную высоту контента, который она содержит, при загрузке элемента? При событии onChange все хорошо работает так: const element = e.target element.style.height = 0 element.style.height = `${element.scrollHeight}px а вот изначально высоту задать не могу. onLoad не пашет ((

contentEditable

но поддержка так себе

contentEditable

как связано, поясни?

а из-за этого а сменить scrollHeight не?

не все браузеры дают его менять

а, пропустил "при загрузке элемента"

я пробовал style={e => ({ height: `${e.target.scrollHeight}px` })} - но чет не пашет,

лол - оно и не будет. с чего вдруг в style должен event передаться?

я пробовал style={e => ({ height: `${e.target.scrollHeight}px` })} - но чет не пашет,

в стейт положить scrollHeight никак?

можно

style={{ scrollHeight: this.state.scrollHeight }}

но как изначальную высоту узнать

сначала рендер без значения

у меня 3 формы с разным кол-вом текста

потом установка

вот как ее сделать? тайм-аутом банальным?

setState?

костыли лол

скорее всего textarea не прокатит

не, как получить высоту textarea.scrollHeight при загрузке компонента? предположим, я вытаскиваю поле в refs. Соответственно я по идее могу сделать setState = refs.textarea.scrollHeight НО - при загрузке textarea = undefined хз по какой причине (наверно он сетит рефы по мере рендеринга, не дожидаясь полной загрузки компонента).

то есть можно в теории сделать setTimeOut на 500мс - но это редкостный костыль

а ты где смотришь refs?

в каком методе жизненного цикла

не, как получить высоту textarea.scrollHeight при загрузке компонента? предположим, я вытаскиваю поле в refs. Соответственно я по идее могу сделать setState = refs.textarea.scrollHeight НО - при загрузке textarea = undefined хз по какой причине (наверно он сетит рефы по мере рендеринга, не дожидаясь полной загрузки компонента).

никак

не, как получить высоту textarea.scrollHeight при загрузке компонента? предположим, я вытаскиваю поле в refs. Соответственно я по идее могу сделать setState = refs.textarea.scrollHeight НО - при загрузке textarea = undefined хз по какой причине (наверно он сетит рефы по мере рендеринга, не дожидаясь полной загрузки компонента).

потому что он не существует ещё в DOM

ref={(c) => { this.TextArea = c }} так прописываю ref. Соответственно к нему потом можно ссылаться как this.TextArea ..

потому что он не существует ещё в DOM

выходит только костыльный тайм-аут?)

переменные именуй в camelCase

this.textArea

выходит только костыльный тайм-аут?)

Нет, чекай что текстария есть

а лучше this.textAreaRef

ERROR: S client not available

Всем привет. Есть ли гайды на русском по вебпаку 3? С нуля его сконфигурить

Всем привет. Есть ли гайды на русском по вебпаку 3? С нуля его сконфигурить

webpack.js.org/configuration

Всем привет. Есть ли гайды на русском по вебпаку 3? С нуля его сконфигурить

@webpack_ru

webpack.js.org/configuration

это не на русском

@webpack_ru

а тут нахер шлют

был в чатике

это не на русском

бля там же все просто учи английский

на русском все старое как и должно быть

хочешь быть в теме учи английский

бля там же все просто учи английский

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

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

например

например

пример не связан с вебпаком

но кстати у вебпака первого таких примеров было выше крыши

в вебпаке >2 все описано

Нет, чекай что текстария есть

тоже какой-то тайм-аут вешать? чем еще чекать? или же style={{ height: (this.textAreaRef.scrollHeight || 0) }} ?

а как бы ты такой функционал организовал?

выносишь в модули и всё, странный вопрос!

тоже какой-то тайм-аут вешать? чем еще чекать? или же style={{ height: (this.textAreaRef.scrollHeight || 0) }} ?

Посмотри методы лайфсайкла )

можно ссылочку, буду благодарен :)

ребят, вы пошли там метафизику обсуждать между собой, а мне то поможете?)) я так понимаю, что у меня выхода вообще нет, только переписывать компонент

да скопируй метод в Component1 уже) раз рефакторить не хочется

выносишь в модули и всё, странный вопрос!

и каждый раз импорты делать

можно ссылочку, буду благодарен :)

С телефон, сорян В гугле react lifecycle methods

спасиб, поищу

и каждый раз импорты делать

это нормально как бэ

Доку рекомендую вызубрить :)

можно ссылочку, буду благодарен :)

reactjs.org

вроде не сложно

кто-то учил раскладку дворака? говорят на ней можно 500+ символов фигачить, я вот думаю есть ли смысл заморачиваться?

и каждый раз импорты делать

oO

говоришь будто это плохо

кто-то учил раскладку дворака? говорят на ней можно 500+ символов фигачить, я вот думаю есть ли смысл заморачиваться?

долго слишком переучиваться