Телеграмм чат группы react

2020 October 13

SB

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

Глеб Мельников

А тут

И тут

источник

20:28пожаловаться #1

SB

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

Aleksandr M.

Ребята, всем привет! Делаю сайт на реакте (собственный проект, некоммерческий). Использую MUI фреймворк. Там используется CSS внутри JS. Я так понимаю это библиотека JSS. Но Я не могу понять - почему? Искал в интернете - пока ничего не нашел.
Чем это лучше стандартного CSS? Кто что думает?

JSS — ничем. Ссанина.

источник

20:28пожаловаться #2

ГМ

Глеб Мельников... in React — русскоговорящее сообщество

Sergey Bekharsky

И тут

Спасибо

источник

20:28пожаловаться #3

AM

Aleksandr M. in React — русскоговорящее сообщество

Вот заключение из статьи:
Заключение
Итак вот они, три способа стилизации React компонента. Обычно все три метода довольно полезны и их использование зависит от размера проекта над которым вы работаете.
В итоге нет ответа на оба вопроса) Просто обзор как писать стили в реакт. Такую статью и Я могу написать

источник

20:28пожаловаться #4

SB

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

Если уж тебе мнение надо, а не разбор.

источник

20:28пожаловаться #5

SB

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

Но вообще, любой cssinjs даёт как минимум один плюс: dead code elimination

источник

20:29пожаловаться #6

GO

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

Aleksandr M.

Ребята, всем привет! Делаю сайт на реакте (собственный проект, некоммерческий). Использую MUI фреймворк. Там используется CSS внутри JS. Я так понимаю это библиотека JSS. Но Я не могу понять - почему? Искал в интернете - пока ничего не нашел.
Чем это лучше стандартного CSS? Кто что думает?

https://v3.material-ui.com/customization/css-in-js/#material-ui-39-s-styling-solution

Material-Ui

@material-ui/styles - Material-UI

You can use Material-UI's styling solution in your app, whether or not you are using Material-UI components.

источник

20:31пожаловаться #7

AK

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

Привет. Как в тексте заменить ссылку http://example.com на react компонент: <a href="http://example.com">link</a>? Благодарю!

источник

20:32пожаловаться #8

K(

Kirill (Parfen0n) in React — русскоговорящее сообщество

Alena Kuznetsova

Привет. Как в тексте заменить ссылку http://example.com на react компонент: <a href="http://example.com">link</a>? Благодарю!

Ищешь по паттерну ссылку и заменяешь её в тексте

источник

20:36пожаловаться #9

AK

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

Kirill (Parfen0n)

Ищешь по паттерну ссылку и заменяешь её в тексте

render отобразить как простой текст а не как ссылку

источник

20:37пожаловаться #10

K(

Kirill (Parfen0n) in React — русскоговорящее сообщество

Alena Kuznetsova

render отобразить как простой текст а не как ссылку

https://ru.reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

ru.reactjs.org

Элементы DOM – React

JavaScript-библиотека для создания пользовательских интерфейсов

источник

20:39пожаловаться #11

AK

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

А чтобы "не опасно"?

источник

20:40пожаловаться #12

K(

Kirill (Parfen0n) in React — русскоговорящее сообщество

Alena Kuznetsova

А чтобы "не опасно"?

Вообще, это не особо опасно само по себе, если только ты не работаешь с инпутами
По другому никак.

P.S исправьте, если можно другим способом

источник

20:41пожаловаться #13

GO

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

Alena Kuznetsova

А чтобы "не опасно"?

https://github.com/potty/react-anchorme
читал только ридми. но лучше, наверное посмотреть реализацию самой и сделать самой)

GitHub

potty/react-anchorme

⚓️ React component using Anchorme.js to detect urls and emails in a text and converts them into clickable HTML links. - potty/react-anchorme

источник

20:47пожаловаться #14

v

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

Привет, кто использовал styled components, где лучше хранить стили?

источник

20:50пожаловаться #15

RU

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

volt

Привет, кто использовал styled components, где лучше хранить стили?

в коде

смысл в том что styled компоненты - это такие же компоненты как и другие

источник

20:57пожаловаться #16

v

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

Roman Usherenko

в коде

смысл в том что styled компоненты - это такие же компоненты как и другие

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

источник

21:00пожаловаться #17

RK

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

Aleksandr M.

Вот заключение из статьи:
Заключение
Итак вот они, три способа стилизации React компонента. Обычно все три метода довольно полезны и их использование зависит от размера проекта над которым вы работаете.
В итоге нет ответа на оба вопроса) Просто обзор как писать стили в реакт. Такую статью и Я могу написать

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

источник

21:00пожаловаться #18

RK

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

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

источник

21:00пожаловаться #19

RU

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

volt

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

можно как хочешь. точно так же как и с другими

становится тесно в одном файле - разделяй. хочешь держать все стили отдельно - держи

источник

21:01пожаловаться #20