Я тебе говорю, что хуки на замыканиях

Кажется, я понимаю, из чего вы исходите в своих суждениях. С этой точки зрения всё логично.

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

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

Если обладаешь более полными знаниями - делись а я готов принять свои пробелы в знаниях

Всем привет Нужно оформить Storybook для нескольких репозиториев (несколько фронтов с повторяющемися компонентами). Попытался сделать отдельный репозиторий для Storybook и добавить эти фронты в виде git submodules, но это оказалось не оч удобно (нужно инсталить зависимости для сабмодулей + их же в руте Storybook для импорта компонент, и в итоге это все равно не заводится) Может ли кто-то поделиться своим опытом? Ссылку на репу или статью, или хотя бы простое объяснение Спасибо

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

А причем тут порядок вызова?

afaik, так правильно диспетчеризуются данные - те ты допустим два useState пишешь, Fiber должен понимать какие данные в первому useState вернуть, а какие второму при каждому вызове функционального компонента. Именно поэтому хуки должны быть вызываемо только на top-level и их нельзя скажем вызывать внутри циклов

всем привет! Я вот работаю с реактом и никак понять не могу почему все так стремятся засунуть css в js чтобы наплодить еще больше лапши в компоненте, вместо того чтобы использовать отдельный файл со стилями и импортировать его в компонент

у меня возникла проблема с тем, что мои стили не инкапсулируются, а мешать слонов с мухами тоже не хочется. css-modules не работает если в проекте используется sass

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

че это они не работают то?

у меня возникла проблема с тем, что мои стили не инкапсулируются, а мешать слонов с мухами тоже не хочется. css-modules не работает если в проекте используется sass

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

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

всем привет! Я вот работаю с реактом и никак понять не могу почему все так стремятся засунуть css в js чтобы наплодить еще больше лапши в компоненте, вместо того чтобы использовать отдельный файл со стилями и импортировать его в компонент

памагити

Что бы одни и те же хуки можно было использовать многократно в компоненте реакт под капотом хранит их очередь. Но что нужно что бы хуки впринципе можно было использовать? т.е. что бы при вызове функции внутри тела функции компонента был доступ к стейту именно к той и только той ноды, которая сейчас в вдоме представлена? Т.е. как из глобальной функции use* можно получить доступ к стейту в замыкании? Ну прикол в том что хуки имеют доступ, условно, к глобальной переменной, которая каждый раз меняется до и после вызова функции рендера, в которой как раз содержится информация релевантная для текущей вдом ноды

Что бы одни и те же хуки можно было использовать многократно в компоненте реакт под капотом хранит их очередь. Но что нужно что бы хуки впринципе можно было использовать? т.е. что бы при вызове функции внутри тела функции компонента был доступ к стейту именно к той и только той ноды, которая сейчас в вдоме представлена? Т.е. как из глобальной функции use* можно получить доступ к стейту в замыкании? Ну прикол в том что хуки имеют доступ, условно, к глобальной переменной, которая каждый раз меняется до и после вызова функции рендера, в которой как раз содержится информация релевантная для текущей вдом ноды

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

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

ну хотя это все … не важно

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

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

@pavel_xpr вам в @javascript_jobs

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

я наверное выразился неправильно css-modules мне предлагает написать import styles from 'style.css' <div className={style.div}> <p>some text</p> </div>

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

div { p {color: red} }

всем привет у меня вопрос по хукам. я могу изменять локальные переменные внутри useCallBack ?

а зачем писать стили на тегах?

всем привет у меня вопрос по хукам. я могу изменять локальные переменные внутри useCallBack ?

а зачем писать стили на тегах?

замените теги на то, что вам удобно

всем привет у меня вопрос по хукам. я могу изменять локальные переменные внутри useCallBack ?

локальные для функции коллбэка ? ну т.е. при его вызове... кароче переменные из какого контекста вы имеете в виду ? Можете вы изменять - вопрос только в том на какие значения замыкания в коллбэк у вас пойдут.

всем привет у меня вопрос по хукам. я могу изменять локальные переменные внутри useCallBack ?

ок - заменяю на классы. Юзаю styles.parrentClass и styles.childClass. хотя зачем вобще юзать какскад не очень понятно

let onChange = event => { let { x, y } = sizer(event); let value = { x: getValue(width, x), y: getValue(height, y) }; setPoint(value); }; let sizer = null let refCallBack = useCallback(node => { if (node !== null) { let bound = node.getBoundingClientRect(); sizer = getSizer(bound) } }, []);

так вот каскад и хочется заюзать как раз

let onChange = event => { let { x, y } = sizer(event); let value = { x: getValue(width, x), y: getValue(height, y) }; setPoint(value); }; let sizer = null let refCallBack = useCallback(node => { if (node !== null) { let bound = node.getBoundingClientRect(); sizer = getSizer(bound) } }, []);

let onChange = event => { let { x, y } = sizer(event); let value = { x: getValue(width, x), y: getValue(height, y) }; setPoint(value); }; let sizer = null let refCallBack = useCallback(node => { if (node !== null) { let bound = node.getBoundingClientRect(); sizer = getSizer(bound) } }, []);

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

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

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

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

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

Видео

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

Если у вас стили для одного компонента, котроые подрузмевают изоляцию то зачем еще и каскад?

тут код читать не реально - выкладывайте примеры на какой ни будь codesandbox.io

мне кажется мы не оч понимаем друг друга мой идеальный вариант это определить какой-то baseClass скажем article внутри стилей написать .article { &__text {color: red} &__link { color: blue &__image { width: 50%} } } внутри компонента import style from "styles.scss const article = () => { return ( <div className={styles.article}> <p className-"article__text"></p> <a className="article__link"> <img className="article__link__image"/> </a> </div> ) } суть в том, что мне не хочется запихивать стили внутрь файла с логикой и шаблоном (css-in-js) но и css-modules мне не подходят потому что у меня уже готовые стили с каскадом как быть ?(

мне кажется мы не оч понимаем друг друга мой идеальный вариант это определить какой-то baseClass скажем article внутри стилей написать .article { &__text {color: red} &__link { color: blue &__image { width: 50%} } } внутри компонента import style from "styles.scss const article = () => { return ( <div className={styles.article}> <p className-"article__text"></p> <a className="article__link"> <img className="article__link__image"/> </a> </div> ) } суть в том, что мне не хочется запихивать стили внутрь файла с логикой и шаблоном (css-in-js) но и css-modules мне не подходят потому что у меня уже готовые стили с каскадом как быть ?(

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