привет, подскажите пжл, reаct-route-history как можно отследить что ссылка ведет на другой сайт ?

как ты видишь из консоли что стор обновляется?

Консоль лог повесил, девтул реакта

SCU/Reselect Смотри в какой именно части лагает, выясняй причину, и потом её устраняй

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

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

Реакта

Консоль лог повесил, девтул реакта

консоль лог куда на что повесил?

установи дев тул редакса

чтобы реальный стор видеть

как ты видишь из консоли что стор обновляется?

Повесил консоль лог на subscribe стора

Стор обновляется 100%, думал forceUpdate на диспетчер вешать - не помогло

Повесил консоль лог на subscribe стора

функция рендер выполняется в родителе и в самом компоненте, который приконнекчен к стору?

функция рендер выполняется в родителе и в самом компоненте, который приконнекчен к стору?

Да, в обоих

а пропсы старые в компоненте не смотря на это? :)

код в студию, желательно через гист или сандбокс какой нибудь :)) чудес не бывает

а пропсы старые в компоненте не смотря на это? :)

Да

код в студию, желательно через гист или сандбокс какой нибудь :)) чудес не бывает

Уже с работы ушёл, будет вечером.

Да

а у тебя там кроме connect больше нет оберток вокруг этого компонента?

всегда интересно догадаться в чем проблема не видя код :))

а кто-то резал картинки в реакте после аплоада?

без библиотек

Реакт тут непричем

Реакт тут непричем

приговор один - канвас?

приговор один - канвас?

Ну это, вроде, удобнее чем побитово. Но сейчас можно что-нибудь в wasm скомпилить и вебворкеру скормить. Сформулируй точнее задачу и погугли статьи за последние пол года

задача после аплоада уменьшить размер картинки до заданного (например у тебя картинка больше мегабайта), на сервер должно уйти 320/240

Это до аплоада

приговор один - канвас?

Да

ну вот не люблю я его((( не люблю, хотя делала на нем проект

Возьми готовую либу

Cropper js

да хочу на нативном, смысл либу))) я вон пагинацию всунула в либе, блин пришлось ишшьюс осталять майнтейнерам

Можно ли коннектить компонент со своим стейтом?

Возьми готовую либу

нативно - интереснее, сам напишешь, больше не захочешь)))

Cropper js

на то пошло react-image-crop

Можно ли коннектить компонент со своим стейтом?

Da

Народ кто использует Storybook + Storyshot, столкнулся с проблемой как замокать ReacDOM.createPortal

постою))) послушаю

в чем разница React vs React.Component

в чем разница React vs React.Component

В чем разница между машиной и карданом?

а почему между ними точка？

@artalar ?

Народ кто использует Storybook + Storyshot, столкнулся с проблемой как замокать ReacDOM.createPortal

Jest.mock, но я просто проверяю сервер или браузер и в зависимости от этого возвращаю просто children или createPortal

а почему между ними точка？

Сначала прочитайте learn.javascript.ru потом https://reactjs.org/docs/getting-started.html

>блин, опять идти джс читать...

Jest.mock, но я просто проверяю сервер или браузер и в зависимости от этого возвращаю просто children или createPortal

Это понятно, я не понимаю как указать именно в storyshot чтобы он перед прогоном тестов сделать что-то типо beforeAll(() => { ReactDOM.createPortal = jest.fn((element, node) => { return element }) }) afterEach(() => { ReactDOM.createPortal.mockClear() })

спасибо за краткий ответ

слушайте может быть такое что не заходит в обработчик события (или это событие вообще не наступает)

handleChangeImage = (event, value) => { event.preventDefault(); const uploadFile = event.target.files[0]; //check type of image and resize console.log(uploadFile.size) if(uploadFile.size > 1000){ console.log("your file is more that we need") const img = document.createElement("img"); const reader = new FileReader(); console.log(reader) reader.onload = function(event) { // The file's text will be printed here console.log(event) }; } console.log(uploadFile.size)

reader.onload=event=>{console.log(event.target.result)}

хотя сам ридер есть

Это понятно, я не понимаю как указать именно в storyshot чтобы он перед прогоном тестов сделать что-то типо beforeAll(() => { ReactDOM.createPortal = jest.fn((element, node) => { return element }) }) afterEach(() => { ReactDOM.createPortal.mockClear() })

не тебе надо мокнуть конкретно createPortal jest.mock("react", () => ({ ...React, createPortal: (Component: any) => Component, })); только я не на 100% уверен что это работать будет, или может есть лучше вариант ) я только целиком модули мокал

не тебе надо мокнуть конкретно createPortal jest.mock("react", () => ({ ...React, createPortal: (Component: any) => Component, })); только я не на 100% уверен что это работать будет, или может есть лучше вариант ) я только целиком модули мокал

Спасибо!

только сейчас узнал, что в SC лучше использовать .attrs для динамических свойств/стилей

не тебе надо мокнуть конкретно createPortal jest.mock("react", () => ({ ...React, createPortal: (Component: any) => Component, })); только я не на 100% уверен что это работать будет, или может есть лучше вариант ) я только целиком модули мокал

Нашел красивый способ провернуть это. jest.unmock('react-dom'); const ReactDOM = require.requireActual('react-dom'); ReactDOM.createPortal = el => el; В файле с story просто до storiesOf прописать оказалось достаточно

только сейчас узнал, что в SC лучше использовать .attrs для динамических свойств/стилей

А ты пробовал динамически стили менять? Смотрел в консоль? Там даже написано это, что attr надо ))

А ты пробовал динамически стили менять? Смотрел в консоль? Там даже написано это, что attr надо ))

?

Есть ли способ ускорить yarn на винде? ?‍♂️

Есть ли способ ускорить yarn на винде? ?‍♂️

Воткнуть сдд и канал пошире?

нет

нет

Ну, у меня на рабочем маке ссд при 20 Мбит, на домашнем с виндой ссд и 300 Мбит, первый в среднем за 40 секунд подымает зависимости, второй за 10

Ну, у меня на рабочем маке ссд при 20 Мбит, на домашнем с виндой ссд и 300 Мбит, первый в среднем за 40 секунд подымает зависимости, второй за 10

У меня линь на ssd и все работает раз в 5 быстрее чем ярн на HDD =(

ERROR: S client not available

У меня линь на ssd и все работает раз в 5 быстрее чем ярн на HDD =(

Ну, логично же, много мелких файлов, обычно линкуется около 40к

Доброе день, сори дубликат. React Loadable . Есть компонента: const Main = Loadable({ loader: () => import('app/containers/Main'), loading: () => ( <Icon type="loading" spin style={{ position: 'absolute', top: '50%', left: '50%', fontSize: '50px' }} /> ), }); Main.preload(); const App = () => ( <Provider store={store}> <PersistGate loading={'PERSIST LOADER, RETRIVE STATE OF REDUX'} persistor={persistor}> <ConnectedRouter history={history}> <ThemeProvider theme={theme}> <Main /> </ThemeProvider> </ConnectedRouter> </PersistGate> </Provider> ); Первый вопрос, норм ли так делать для лоадера всего приложения? Второй, как сделать прелоад <link rel="preload" > , а не обычный линк, lighthouse ругается, что можно много оптимизировать по времени много.

Доброе день, сори дубликат. React Loadable . Есть компонента: const Main = Loadable({ loader: () => import('app/containers/Main'), loading: () => ( <Icon type="loading" spin style={{ position: 'absolute', top: '50%', left: '50%', fontSize: '50px' }} /> ), }); Main.preload(); const App = () => ( <Provider store={store}> <PersistGate loading={'PERSIST LOADER, RETRIVE STATE OF REDUX'} persistor={persistor}> <ConnectedRouter history={history}> <ThemeProvider theme={theme}> <Main /> </ThemeProvider> </ConnectedRouter> </PersistGate> </Provider> ); Первый вопрос, норм ли так делать для лоадера всего приложения? Второй, как сделать прелоад <link rel="preload" > , а не обычный линк, lighthouse ругается, что можно много оптимизировать по времени много.

Так они ж, авторы, сказали, что более не поддерживают Loadable, не?

@poizon_cc Oo, все работает

@poizon_cc https://github.com/jamiebuilds/react-loadable

@poizon_cc Oo, все работает

Да не, оно работает, и будет ещё работать, но где-то читал о том, что они всё, закрывают лавочку

@poizon_cc https://github.com/jamiebuilds/react-loadable

Хотя, кажись, я перепутал сходный пакет, сорри

@poizon_cc бывает.

Хотя, кажись, я перепутал сходный пакет, сорри

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

@poizon_cc бывает.

Ваще, по сути вопроса, напиши небольшой хелпер, который будет тянуть роуты и затыкать лоадер, на все твои роуты

@poizon_cc у меня вопрос в том как сделать что бы стили подключались через <link rel=preload ...>, что бы быстрее грузилось. И норм ли так прелоадер для всего приложения реализовывать, потому что долго подгружает все

@poizon_cc у меня вопрос в том как сделать что бы стили подключались через <link rel=preload ...>, что бы быстрее грузилось. И норм ли так прелоадер для всего приложения реализовывать, потому что долго подгружает все

Берешь файл индекс.хтмл и в него включаешь весь свой critical blocker

@poizon_cc понял, и при маунте хайдить

@poizon_cc у меня вопрос в том как сделать что бы стили подключались через <link rel=preload ...>, что бы быстрее грузилось. И норм ли так прелоадер для всего приложения реализовывать, потому что долго подгружает все

Троббер от лоадабл работает только на догрузке куска твоего жс, он сам дестроится, стили, чтоб не тянуть их в ините СК, вынеси в статику, другие тробберы будут инициализированы уже на основе данных, а не лоадабл

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

Господи, какой же аутист-имбецил писал мобильную версию гитхаба

Вторые то ладно а первых зачем трогать?

Ребзи а что за opaque тип респонса такой ?

Ребзи а что за opaque тип респонса такой ?

это когда ты делвешь обычный запрос к CORS ресурсу

Я вас достаю)) знаю, сорри, если внутри метода такой обработчик reader.onload = function(event) { // The file's text will be printed here console.log(event.target.result) }; он не заходит внутрь даже, потому что не видит события?

Событие должно приходить

Я вас достаю)) знаю, сорри, если внутри метода такой обработчик reader.onload = function(event) { // The file's text will be printed here console.log(event.target.result) }; он не заходит внутрь даже, потому что не видит события?

а как ты инициируешь загрузку ридера?

reader.readAsText() какой ниьудь делаешь?

а какже

reader.readAsDataURL(file)

всем привет! Такой вопрос. У меня есть токен и я его отправляю всякий раз как нахожу его в куках. в componentDidMount делаю запрос на /api/profiles/me чтобы получить инфу о юзере и заодно проверяю валидный токен или нет. Если нет, то стираю его из куков. Так как все асинхронно, то при входе на сайт выполняется еще один запрос и если токен неверный, то тот второй запрос валится. Как можно сделать зависимость от первого? Или это вообще хрень непонятная?)

Последний вариант

?

а как над?

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