Size: a a a

React — русскоговорящее сообщество

2020 October 01

Q

Qop in React — русскоговорящее сообщество
мне хотя бы одну точку входа для src
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Qop
В CRA можно при импорте сразу попадать в src?(чтобы не писать так "../../../) как например это можно сделать через webpack через alias'ы. без rewired
baseUrl или (возможно, на cra не проверял babel-plugin-module-resolver)
источник

Q

Qop in React — русскоговорящее сообщество
baseUrl это ты про complierOptions? уже не работает
источник

AK

Abdinur Kuatbek in React — русскоговорящее сообщество
вроде есть npm пакет который решает это
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Qop
baseUrl это ты про complierOptions? уже не работает
ну пробуй тогда второй вариант
источник

DG

Dmitry Guzeev in React — русскоговорящее сообщество
Qop
baseUrl это ты про complierOptions? уже не работает
можно попробовать alias добавить в webpack.resolve
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Qop
baseUrl это ты про complierOptions? уже не работает
https://create-react-app.dev/docs/importing-a-component/#absolute-imports но при этом в доке еще висит 🤷
источник

Q

Qop in React — русскоговорящее сообщество
Очень странно, перезапустил, заработала. До этого ошибку мне выдавал, спасибо
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Qop
Очень странно, перезапустил, заработала. До этого ошибку мне выдавал, спасибо
потому что подхватывается оно на моменте билда, а не в рантайме
источник

Q

Qop in React — русскоговорящее сообщество
Не долго радовался, все равно плюется))
Ладно, буду относительные фигачить
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Qop
Не долго радовался, все равно плюется))
Ладно, буду относительные фигачить
поле compilerOptions не нужно, потому что это уже и так compiler options. в доке же написано что их пример для jsconfig.json
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
да и по ошибке можно догадаться...
источник

Q

Qop in React — русскоговорящее сообщество
Александр Бакиматов
поле compilerOptions не нужно, потому что это уже и так compiler options. в доке же написано что их пример для jsconfig.json
вот я балбес
источник

SM

Soltukiev Malik in React — русскоговорящее сообщество
Почему React не ругается, когда я без родительского дива вывожу возвращаю 6 компоненты <GallaryItem /> через метод .map()? то есть, на выходе я получаю 6 элементов, но у них нет родителя. Ведь React требует, чтобы возвращался 1 див, в котором остальное все, а тут получается возвращается просто 6 компонентов, без общей обертки. Постарался разжевать вопрос. Кто знает?
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Soltukiev Malik
Почему React не ругается, когда я без родительского дива вывожу возвращаю 6 компоненты <GallaryItem /> через метод .map()? то есть, на выходе я получаю 6 элементов, но у них нет родителя. Ведь React требует, чтобы возвращался 1 див, в котором остальное все, а тут получается возвращается просто 6 компонентов, без общей обертки. Постарался разжевать вопрос. Кто знает?
ты получаешь на выходе не 6 элементов а массив
источник

SM

Soltukiev Malik in React — русскоговорящее сообщество
Александр Бакиматов
ты получаешь на выходе не 6 элементов а массив
Ой, точно. Спс)
источник

E

Ekaterina in React — русскоговорящее сообщество
Ребят, привет!
А кто что бы использовал для анимации появления элементов в зависимости от скролла? Пока смотрю на react-reveal
источник

NB

Not Dan, But... in React — русскоговорящее сообщество
Ekaterina
Ребят, привет!
А кто что бы использовал для анимации появления элементов в зависимости от скролла? Пока смотрю на react-reveal
Если в проекте планируются более сложные анимации, то я бы притащил туда framer-motion. Уж больно у него простое и удобное API, вкупе с отличными easing из коробки.
Для авто-появления от скролла просто пишешь компонент-обертку для use-intersection + framer-motion, тюня настройки внутри (мапишь пропсы настроек извне). Получаешь красивую композицию компонентов.
Про react-reveal: не пробовал.
источник

E

Ekaterina in React — русскоговорящее сообщество
Not Dan, But...
Если в проекте планируются более сложные анимации, то я бы притащил туда framer-motion. Уж больно у него простое и удобное API, вкупе с отличными easing из коробки.
Для авто-появления от скролла просто пишешь компонент-обертку для use-intersection + framer-motion, тюня настройки внутри (мапишь пропсы настроек извне). Получаешь красивую композицию компонентов.
Про react-reveal: не пробовал.
Да нет, анимации не сложные. Хочется чего-то легковесного
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Ekaterina
Ребят, привет!
А кто что бы использовал для анимации появления элементов в зависимости от скролла? Пока смотрю на react-reveal
IntersectionObserver, рендерить компонент когда он начнет попадать во вьюпорт, сделать простую css анимацию
источник