Size: a a a

JavaScript.Ninja

2021 February 12

VL

Vova Levchenko in JavaScript.Ninja
Andrey Furman
Добрый день, при работе с svg в реакте, ругается на camelCase, так как там в таком регистры хтмл элементы используются:
Warning: <linearGradient /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.

Гуглил - пока зарезолвить не удалось. Возможно кто-то решал это?
import { ReactComponent as LinearGradient } from 'gradient.svg';
источник

VL

Vova Levchenko in JavaScript.Ninja
попробуйте так. Если я правильно понял ошибку
источник

AF

Andrey Furman in JavaScript.Ninja
Пару минут, спасибо!
источник

AF

Andrey Furman in JavaScript.Ninja
А из <stop> тегом работали?
источник

AF

Andrey Furman in JavaScript.Ninja
Хром ругается, что не знает что это
источник

AF

Andrey Furman in JavaScript.Ninja
Vova Levchenko
import { ReactComponent as LinearGradient } from 'gradient.svg';
не нашел такого пакета в нпм (gradient.svg)
Есть react-native-svg. То там есть возможность импорта и { LinearGradient, Stop } from 'react-native-svg'
источник

AF

Andrey Furman in JavaScript.Ninja
но у меня не нейтив, а веб разработка, обычный реакт
источник

VL

Vova Levchenko in JavaScript.Ninja
Andrey Furman
не нашел такого пакета в нпм (gradient.svg)
Есть react-native-svg. То там есть возможность импорта и { LinearGradient, Stop } from 'react-native-svg'
это не пакет. Это твоя свг
источник

AF

Andrey Furman in JavaScript.Ninja
понял)
источник

AF

Andrey Furman in JavaScript.Ninja
ладно, разберусь, спасибо за сапорт
источник

YS

Yuri Strelets in JavaScript.Ninja
Andrey Furman
ладно, разберусь, спасибо за сапорт
https://blog.logrocket.com/how-to-use-svgs-in-react/

синтаксис
import { ReactComponent as LinearGradient } from 'your-file.svg';
будет работать из коробки в CRA, или использовать svgr, его как раз CRA и юзает под капотом
источник

YB

Yurij Beliaev in JavaScript.Ninja
Illya Klymov
Я обычно говорю что различают состояние, данные и конфигурацию
Илья, где почитать про это более развёрнуто?
источник

IK

Illya Klymov in JavaScript.Ninja
Yurij Beliaev
Илья, где почитать про это более развёрнуто?
У Абрамова в интервью
источник

AF

Andrey Furman in JavaScript.Ninja
Yuri Strelets
https://blog.logrocket.com/how-to-use-svgs-in-react/

синтаксис
import { ReactComponent as LinearGradient } from 'your-file.svg';
будет работать из коробки в CRA, или использовать svgr, его как раз CRA и юзает под капотом
Спасибо
источник

YB

Yurij Beliaev in JavaScript.Ninja
Illya Klymov
У Абрамова в интервью
Интервью слушал... Предположил, что где то ты эту же тему раскрывал. Нет так нет.
источник

IK

Illya Klymov in JavaScript.Ninja
Yurij Beliaev
Интервью слушал... Предположил, что где то ты эту же тему раскрывал. Нет так нет.
В открытом доступе пока нет. Я ее месяц назад на vue101 курсе раскрывал
источник

VS

Vitaly Sazonov in JavaScript.Ninja
уважаемые, подскажите, а styled components транспилируются в css файлы при сборке или остаются inline css?
источник

VS

Vitaly Sazonov in JavaScript.Ninja
и чем нынче модно украшать реакт? css-modules или styled components?
источник

DP

Dmytro Petunenko in JavaScript.Ninja
Ох, модули это боль если честно, очень хотим jss + tailwind
источник

VS

Vitaly Sazonov in JavaScript.Ninja
Dmytro Petunenko
Ох, модули это боль если честно, очень хотим jss + tailwind
а почему?
источник