грустно ? Спасибо большое)

а зачем тебе прям html рендерить? Собери данные и отрендери по нормальному

а зачем тебе прям html рендерить? Собери данные и отрендери по нормальному

Просто стояла очень странная задача. Нужно было написать слайдер, который рендерится в блок с новосятми, заменяя собой эти новости. Следовательно, он должен вытащить все, что есть внутри блока новостей, формат которых заранее неизвестен и отрендерить это внутри себя, добавляя функционал. Вопрос больше ради интереса, а не для реализации)

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

Просто стояла очень странная задача. Нужно было написать слайдер, который рендерится в блок с новосятми, заменяя собой эти новости. Следовательно, он должен вытащить все, что есть внутри блока новостей, формат которых заранее неизвестен и отрендерить это внутри себя, добавляя функционал. Вопрос больше ради интереса, а не для реализации)

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

Новости рендерятся питоном на сервере, а слайдер подключается отдельным скриптом

Новости рендерятся питоном на сервере, а слайдер подключается отдельным скриптом

не рендери питоном

У меня на входе только готовый html

Новости рендерятся питоном на сервере, а слайдер подключается отдельным скриптом

на сервере json положи куда нить в html, если уж прям надо в лоб

У меня на входе только готовый html

реакт рендерит данные в DOM. но не наоборот

Это не я, мне подбросили;)

Да нет, нет принципиальной задачи, просто стало интересно, можно ли так, для саморазвития

нет. у реакта подход как раз об обратном

на вуе можно

на вуе и говна пожрать можно

и ложка там есть

на вуе и говна пожрать можно

??

на вуе и говна пожрать можно

https://t.me/why_vue_is_bad Перепостите сюда

@yakotika

@yakotika

Done

на вуе и говна пожрать можно

это мой выбор

это мой выбор

приятного аппетита

приятного аппетита

бля я как раз есть хочу (не шутка) зачем ты так

V - вкусить говна?

делал прелоадер, хотел узнать как можно сделать чтобы при загрузке AppWrapper компонент Loading плавно исчез, например поменялось opacity с 1 до 0 и потом он был удален из дома и отрендерился AppWrapper https://pastebin.com/jgDkakUR

делал прелоадер, хотел узнать как можно сделать чтобы при загрузке AppWrapper компонент Loading плавно исчез, например поменялось opacity с 1 до 0 и потом он был удален из дома и отрендерился AppWrapper https://pastebin.com/jgDkakUR

react transition group

Делал авторизацию, записываю jwt пришедший с сервера в куки, написал мидлвару которая на каждый экшн проверяет истек ли куки, и логаутится если да. Проблема в том, что некоторые экшены успевают пройти до логаута или рядом с ним (по всей видимости из-за асинхронности) и соотвественно пользователь уже разлогинен, и происходит ошибка из-за того, что он уже не авторизован. Как можно лучше решить эту проблему? Может проверку делать как то по другому?

Делал авторизацию, записываю jwt пришедший с сервера в куки, написал мидлвару которая на каждый экшн проверяет истек ли куки, и логаутится если да. Проблема в том, что некоторые экшены успевают пройти до логаута или рядом с ним (по всей видимости из-за асинхронности) и соотвественно пользователь уже разлогинен, и происходит ошибка из-за того, что он уже не авторизован. Как можно лучше решить эту проблему? Может проверку делать как то по другому?

сервер твой?

сервер твой?

Нет

Делал авторизацию, записываю jwt пришедший с сервера в куки, написал мидлвару которая на каждый экшн проверяет истек ли куки, и логаутится если да. Проблема в том, что некоторые экшены успевают пройти до логаута или рядом с ним (по всей видимости из-за асинхронности) и соотвественно пользователь уже разлогинен, и происходит ошибка из-за того, что он уже не авторизован. Как можно лучше решить эту проблему? Может проверку делать как то по другому?

хз нормальный ли это подход, но можешь попробовать сюда прицепиться https://redux.js.org/api-reference/store#subscribe-listener

хз нормальный ли это подход, но можешь попробовать сюда прицепиться https://redux.js.org/api-reference/store#subscribe-listener

как вариант. но не уверен что это решит проблему с другими экшенами

Всем привет Кто то работал с datatables.js

?

https://pastebin.com/tXntUyBW

делал прелоадер, хотел узнать как можно сделать чтобы при загрузке AppWrapper компонент Loading плавно исчез, например поменялось opacity с 1 до 0 и потом он был удален из дома и отрендерился AppWrapper https://pastebin.com/jgDkakUR

react transition group

всем привет, нужно сделать такой js аплоадер(вроде телеграмовского) с возможностью остановки и продолжения загрузки файла. Вдруг кто-нибудь с чем-то подобным сталкивался или натолкнет на светлые мысли

остановку вряд ли отмена только Если, как я понимаю

ага

всем привет, нужно сделать такой js аплоадер(вроде телеграмовского) с возможностью остановки и продолжения загрузки файла. Вдруг кто-нибудь с чем-то подобным сталкивался или натолкнет на светлые мысли

побайтово качать ручками

лол

побайтово качать ручками

тогда стрим какой

тут даже задача не на закачку, а на заливку файла такую штуку сделать

тогда стрим какой

што?

што?

stream пайп

stream пайп

я знаю что такое стрим. я предложение не понял

да забей тогда) домой пора

в antd нет степпера, что можно юзать под него? типа как степпер в MUI

в antd нет степпера, что можно юзать под него? типа как степпер в MUI

это? https://material-ui.com/demos/steppers/

ну, да, но на самом деле нужно менять содержание компонента степ бай степ просто...

ну, да, но на самом деле нужно менять содержание компонента степ бай степ просто...

походу сам буду делать

походу сам буду делать

давай, компонентик-то простой совсем

давай, компонентик-то простой совсем

лол

валидации там не забудь

валидации там не забудь

какие валидации?

это ж упрощённая каруселька, а не форма

ну ты же не знаешь, какой сложности степпер нужен

Что?

привет всем. Ребят, посоветуйте, как лучше сделать структуру компонента/-ов, когда есть несколько его разных состояний(6-8) в зависимости от разных условий(3-4 условия на 1 состояние). Естественно if/else не нужно предлагать. Пытаюсь думать в сторону создания матрицы состояний, типа массива с 0,1 в зависимости от условий, но не до конца понимаю как реализовать.

Кто из Украины (локализация Харьков) Будут ли во второй половине августа митапы или встречи по Реакту?

ERROR: S client not available

привет всем. Ребят, посоветуйте, как лучше сделать структуру компонента/-ов, когда есть несколько его разных состояний(6-8) в зависимости от разных условий(3-4 условия на 1 состояние). Естественно if/else не нужно предлагать. Пытаюсь думать в сторону создания матрицы состояний, типа массива с 0,1 в зависимости от условий, но не до конца понимаю как реализовать.

const firstState = cond1 && cond2 && cond3 && cond4 если будешь изобретать какую то неведомую фигню, кто в будущем будет разбираться в твоем коде, не добрым словом будет тебя вспоминать)

const firstState = cond1 && cond2 && cond3 && cond4 если будешь изобретать какую то неведомую фигню, кто в будущем будет разбираться в твоем коде, не добрым словом будет тебя вспоминать)

у меня на каждый стейт 3-4 условия, состояний 8. То есть ты предлагаешь писать в рендере 8 if-ов или conditional variables и базируясь на этом рендерить разные вещи?

а это не слишком?

в antd нет степпера, что можно юзать под него? типа как степпер в MUI

Есть

Есть

линку?

вроде же нет (нашел)

у меня на каждый стейт 3-4 условия, состояний 8. То есть ты предлагаешь писать в рендере 8 if-ов или conditional variables и базируясь на этом рендерить разные вещи?

Если у тебя столько условий, стоит задуматься о сложности ui и подумать какой ux получит пользователь

привет всем. Ребят, посоветуйте, как лучше сделать структуру компонента/-ов, когда есть несколько его разных состояний(6-8) в зависимости от разных условий(3-4 условия на 1 состояние). Естественно if/else не нужно предлагать. Пытаюсь думать в сторону создания матрицы состояний, типа массива с 0,1 в зависимости от условий, но не до конца понимаю как реализовать.

Естественно if/else не нужно предлагать и в сторону создания матрицы состояний Серьёзно? Зачем так заморачиваться

Пиши if else или switch(true) и все

а это не слишком?

у меня есть компонент который получает boolean, и рендерит то что внутри него, или не рендерит в отличие от условия

для такого места где много условий ну он еще кое что делает конечно, не только для этого :D но ифов в коде нет

@oleh_semenovich Если всетаки хочень хочется сделать "круто", держи - https://github.com/tc39/proposal-pattern-matching#implementations

@oleh_semenovich Если всетаки хочень хочется сделать "круто", держи - https://github.com/tc39/proposal-pattern-matching#implementations

спасибо, гляну

спасибо, гляну

... напиши if else и не перемудряй

для такого места где много условий ну он еще кое что делает конечно, не только для этого :D но ифов в коде нет

а можешь пример?

типа HOC с if внутри?

... напиши if else и не перемудряй

Только писать нужно не вложенные, а плоские, соответственно

вроде же нет (нашел)

Таймлайн

типа HOC с if внутри?

Зачем? ?‍♂️

Если у тебя очень много условий для компонента, то, возможно, стоит переделать компонент на render props…

Таймлайн

steps

const firstState = cond1 && cond2 && cond3 const secondState = cond2 && cond3 && cond4 .... <T show={firstState} >Test1</T> <T show={secondState} >Test2</T> <T show={firstState} >Test3</T>

Если у тебя очень много условий для компонента, то, возможно, стоит переделать компонент на render props…

render props - это способ использования, а не описание используемого подхода

Если у тебя очень много условий для компонента, то, возможно, стоит переделать компонент на render props…

там просто 1 компонент с 8 состояниями или 8 мелких компонентов под каждое состояние и 8 условий под рендер каждого

если бы там были простые условия, я бы сделал просто маппинг этих 8 мелких компонент, но там условия не простые

const firstState = cond1 && cond2 && cond3 const secondState = cond2 && cond3 && cond4 .... <T show={firstState} >Test1</T> <T show={secondState} >Test2</T> <T show={firstState} >Test3</T>

условия не взаимоисключающие

Кто то работал с datatables js?

Почему в componentDidMount setState может не менять state? делаю this.setState(newData, callback) и в калбеке стейт старый

16й реакт если что, вроде не должно быть никаких ограничейний на setState в didMount