Всем привет. Подскажите как быть. В пропсах из редакса приходит список, но список этот загружается от апи, поэтому стоить прелоадер. Но проблема в том, что в componentWillUpdate, я делаю this.setState, и добавляю туда отфильтрованные данные из пропс, то есть в стейт попадает не весь лист, который в пропсах. И вот проблема в том что, наверное после componentWillUpdate, где я делаю setState, рендер все равно идет, и поэтому падает ошибка о том, что в стейте эта переменная undefined, так как там ее еще нет. Подскажите как быть

мобильное можно под андройд и ios, а вот про декстоп не знаю

Фокус ты и без реф сделать можешь

Electron + react

Комментарии на русском

Комментарии на русском

ну хоть не на мове

я бы в роутах редирект бы сделал, а не такую проверку

Доку и твиттер Абрамова

Всем привет. Сразу предупрежу, что не являюсь фронтенд-разрабом, могу написать бред. Решаю вопрос рендеринга на стороне сервера. Сделал 2 конфига вебпак. Сначала билдю обычную версию (не ssr), потом - вторую, чтобы получить server.js. server.js выдает html-ку, в которой уже все отрендерино и подключен js-файл, который был получен в результате первого билда. Проблема в том, что если я просто запущу обычную версию билда (не ssr), у меня классы у элементов имеют вид jss3, jss4 и т.п. Но когда рендерю на сервере, у меня названия классов имеют вид MuiPaper-root-43 MuiPaper-elevation2-47 MuiPaper-rounded-44 MuiCard-root-138 Component-card-126. В результате стили не применяются, потому что названия классов стилей не совпадают. Куда копать?))

Бабель плагин смотри, в ск есть такой который за этим следит

Меня смущает то, что у меня эти два веб-пак конфига отличаются практически ничем. А точнее - значением entry. Я вот и думаю уже, не связано ли это как-то со StaticRouter или renderToString

можно сделать два энтри будут чанки у тебя

Всем привет, кто подскажет такую вещь - как в styled компонент сделать extend соседнего styled компонента с учетом того что я пытаюсь застилить компонент из импорта (может я не очень понятно изъясняюсь, скрин должен помочь) https://screencast.com/t/Mk1SLxCAQFFg

В одном вебпак-конфиг? У меня там просто output еще разные

да у тебя будет типо entry: { app: path/to/file appSSR: path/to/file }

const NewStyled = styled(Old)``

мне в эту конструкцию нужно extend добавь, это вообще реально?)

А с output разными как быть?

возможно я тебе хрень советую)

extend не нужен и будет deprecated

react-number-format такая хуевая либа))

а что лучше? мне нужна любая маск либа, те что в топе с кучей issue были

я тогда не очень понимаю ответ - const NewStyled = styled(Old)`` вот это я уже написала, но мне к этому компоненту нужно добавить стили другого компонента, сейчас Old - это импортированный компонент в моей ситуации, а мне к нему нужно еще стили приплюсовать

В общем, у меня 2 вебпак-конфига. Первый используется для получения bundle.js, который нужен для работы фронта. Второй нужен для билда server.js-файла. То есть у них разные entry и разные output)))

ну внутри бэктиков и пиши

в том то и дело что не хочу писать, потому что дублирование кода получается, мне всего-лишь нужно наследоовать то что выше уже написано у другого компонента в этом же файле

Только jquery под ноги не кидайте

в чем проблема то

а экстендить то как?

зачем?

Есть что хорошего почитать про архитектуру спа без стейт-менеджера?

сначала вопрос spa через cra или ручками с вебпаком?

это разве как-то связано?

ну на кра архитектурку то не поделать

это почему?0

чтоб не дублировать код https://screencast.com/t/Mk1SLxCAQFFg мне в нижний компонент нужны стили верхнего - styled(HeaderLink)` - вот такое я юзать не могу, потому что я уже использовала это когда импортнула компонент из либы

это почему?0

у меня cra и все збс)

мм, ясно

чтоб не дублировать код https://screencast.com/t/Mk1SLxCAQFFg мне в нижний компонент нужны стили верхнего - styled(HeaderLink)` - вот такое я юзать не могу, потому что я уже использовала это когда импортнула компонент из либы

а чего не так?

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

ну все что мне нужно, он сделал)

тогда нет смысла тебе читать про архитектурку

Ммммм в antd даже исходники на китайском

блин, да причем тут сборка и архитектура?)

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

если нет редакса

если нет редакса

Подключить редакс или мобих

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

или тут просто пробрасывание методов из верхнего компонента?

ssr руками делается?

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

В каком смысле? Просто планирую запускать server.js в режиме демона на 80 порту - и все

А лучше еще раз подумай оверхед или нет

ладно, возможно перепишу с редаксом)

мне кажется ты как-то не правильно готовишь реакт для ssr

ребята, у кого был опыт разработки oauth2 авторизации с помощью chrome.identity для расширения хрома? У меня непонятная проблема: componentDidMount () { // development mode with pre-login if (process.env.NODE_ENV === 'production') { chrome.identity.getAuthToken({ interactive: true }, async function (token) { if (chrome.runtime.lastError) { return; } const data = await axios.get('https://www.googleapis.com/oauth2/v1/userinfo?alt=json&access_token=' + token).then(({ data }) => data); const credentals = { full_name: data.name, email: data.email, google_id: data.id, remote_avatar_url: data.picture }; console.log(credentals); this.setState(credentals); }); } } вроде все норм - консоль выводит нужные данные нужным объектом. Но при этом ругается на this.setState is not a function. Как можно это обойти?

Ты видимо теряешь this при асинхронной функции async function (token)

при arrow не теряется

а т.е. если переписать на стрелочную, то все будет норм?