Кто сталкивался с тем, что серверу нужно прислать разметку? Какие есть популярные структуры для этого? Например, у нас есть место, где сервер присылает некое "описание" сущности, которое содержит гиперссылку. Я вижу такие варианты решений: 1) (самый нерекомендуемый, озвучиваю для галочки) Сервер шлёт html текст, на клиенте он вставляется через innerHTML 2) Сервер шлёт какой-то особый формат, о котором договорились заранее. Например, сервис google pagespeed шлёт ответ примерно в таком виде: { args: [ { type: 'HYPERLINK', value: 'https://google.com', text: 'this link' } ], format: "Follow $1 for more details", } 3) Сервер шлёт маркдаун, на клиенте парсится с помощью какой-либо маркдаун-либы 4) Сервер шлёт html текст, на клиенте используется библиотека для html-парсинга с вайтлистом тэгов Важные моменты: Строить разметку на клиенте желательно не только из соображений безопасности, но так же из-за удобства: для рендера тех же ссылок клиент должен использовать свой компонент <Link />, а не обычный <a />. При innerHTML эта возможность теряется.

Хм, можно еще глянуть как draft.js парсит такое У них же там свой формат какой-то, мб в сторону его глянуть

{ counter == 3 ? <span className='active3' /> : counter == 2 && counter != 3 ? <span className='active2' /> : counter == 1 && null } Дает ошибку. А рабочий пример какой?

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

Привет) подскажите как в спешлКомпонент передать value из категориПрайс?

@AndreyBerezhnoy , ткни плиз носом, что за плагин? ты про babel-styled-components

ну наверна <specialComponent value={value}/>

не уточнил )) ну, значит надо найти что то общее.. может родитель один?

как-то можно придумать чтобы туда передать?

Или это разные ReactApp?

стор, контекст

я не уверен что вобще -то что я сделал это адекватно) суть в том что спешл это чисто отобразить в прайсе есть таблица. в ней есть обьект с ключами (по ним беруться данные) вот в этот обьект с ключами я передаю свой спешл, чтобы отобразить чекбоксы с данными

https://codesandbox.io/embed/send-value-to-sibling-wb66w

господа, это норма для material-ui? <td class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignLeft WithStyles(ForwardRef(TableCell))-root-241 WithStyles(ForwardRef(TableCell))-root-277 Styled(WithStyles(ForwardRef(TableCell)))-root-240 add">

это я знаю

Ты в курсе что есть либа для реакта?

какая либа? вот эта - https://material-ui.com/ ?

так разве это не решение задачи? Если не нравится перспектива пробрасывать скзвозь все приложение пропсы, можно Context заюзать

окей, спасибо)

И вообще длина классов не влияет на перфоманс, были тесты

как это не влияет?! чем длиннее имя класса, тем дольше его парсить

В проде так же?

есть тесты, которые доказывают, что на это можно забить

ну как бы оно на уровне погрешности, но нельзя говорить, что раницы нет

Я не понимаю что за приколы. Кей присваивается, но все равно выплевывает ошибку что нет ключа

где ошибка?

а код ToDoList?

?

Я не понимаю что за приколы. Кей присваивается, но все равно выплевывает ошибку что нет ключа

У тебя в up лежит кнопка, а должны быть только li

Вопрос: как лучше хэндлить socket.on в редаксе создавать экшены или просто создать файл и там на сокет навесить socket.on миллион штук и импортить оттуда сокет?

Имхо, все равно в список добавлять li и рядом кнопку не корректно вообще

Подскажите как сгенерировать массив через for? c такими объектами где их 10 штук например buttons: [ {id: 1, red: false, green: false} ]

new Array(10)

Array.from({ length: 10 }, (_, i) => ({ id: i, red: false, green: false }) )

а по конкретнее можно?