реплейс компонента

чувствуешь разницу ?

Чем live-reload отличается от hotreload? Я тебя об этом спрашиваю

реплейс компонента

Это hmr

да, который работает нормально с hot-loader

в componentDidMount нет метода update, надо this.update()

которого в дефолт cra нету

Это hmr

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

Чем live-reload отличается от hotreload? Я тебя об этом спрашиваю

я ответил

hot-reload == hmr

и setTimeout вот так напиши setTimeout( this.update, 60000);

hot-reload == hmr

нет. hmr == hot module replacement

в componentDidMount нет метода update, надо this.update()

тьфу ты, точно, спасибо большое за помощь

о бож

нет. hmr == hot module replacement

ты или чет не понимаешь или я косо обьяснил

ты или чет не понимаешь или я косо обьяснил

Два брата акробата

Понимаешь что значит слово reload?

так

ты хчоешь сказать hmr != hor reload ?

Ага

https://gist.github.com/zerobias/2e50e3b46daffccb5cfea6dbd67f789a lazy import менее чем в 30 строк

> catch (err) {} поиздеваться хочешь?:)

REload

в моем понимании хот релоад это релоад компонента без релоада страницы

Название react-hot-loader по умолчанию странное

https://facebook.github.io/react-native/blog/2016/03/24/introducing-hot-reloading.html

даже

в фб юзают такую терминологию

Чем live-reload отличается от hotreload? Я тебя об этом спрашиваю

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

та просто у арталара свое понимание терминологии

Live Reload, ок, я понял

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

это был самый бесполезный спор

С помощью чего вы делаете аутенфикацию через OAuth 1/2?

Добрый день, подскажите пожалуста Как сделать при помощи next-routes ( https://github.com/fridays/next-routes ) чтобы domen.ru/ (отображается index) domden.ru/en (404) domden.ru/ru (404) отображалась index страница я сделал вот так const routes = module.exports = require('next-routes')() routes .add('index','/:lang','index') но, не помогло

С помощью чего вы делаете аутенфикацию через OAuth 1/2?

axios?

Как можно отменить клик (изменение клсасса) у компонента, при клике на другую часть страницы?

React-onclickoutside

У кого был опыт переноса приложения/сайта на реакт, причем постепенного? Что стоит учесть (например сейчас думаю как хранилище организовать, ведь придется отдельными приложениями компоненты делать и рендерить точечно) и может какой то подход выработали, чтобы без проблем все собрать в конце воедино.

Как можно отменить клик (изменение клсасса) у компонента, при клике на другую часть страницы?

сравнить реф.карент и е.таргет

React-onclickoutside

круто. а если ручками?

круто. а если ручками?

Посмотри сорцы и сделай так же

Как можно отменить клик (изменение клсасса) у компонента, при клике на другую часть страницы?

ой ой https://everdimension.github.io/react-outsideclick/

сравнить реф.карент и е.таргет

очень интересно, если можно, то поподробнее плз

Парни, всех приветствую. Меня очень сильно мучает 2 вопроса, очень надеюсь найти подсказку у вас. Мои редьюсеры имеют InitialState = {isFetching: false, byId:{}, allIds: [], isError:false Вопрос номер 1. Когда компонент рендерит страницу, actions не успевают доставить данные. как итог я лавлю undefined. если перед рендером не пишу что то вроде этого if(this.props.myData.allIds.lenght === null){ return null } Вопрос номер 2 у меня есть достаточно большое количество моделей. И некоторые из них зависят от большого числа родительских, как выбирать такие данные связанно при моей нормализованной структуре.

делаешь нужно элементу реф и на каждом клике сравниваешь с таргетом клика, если совпадает - попал, нет - нет

очень интересно, если можно, то поподробнее плз

.contains

делаешь нужно элементу реф и на каждом клике сравниваешь с таргетом клика, если совпадает - попал, нет - нет

это не совсем верно

очень интересно, если можно, то поподробнее плз

https://github.com/everdimension/react-outsideclick/blob/master/src/index.js

Там чуть чуть кода, все понятно

https://github.com/everdimension/react-outsideclick/blob/master/src/index.js

у меня не реакт приложение, а страница со вставкой реакта

у меня не реакт приложение, а страница со вставкой реакта

какая разница?)

какая разница?)

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

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

во-первых ничего не понятно из того что ты сказал, во-вторых — не используй библиотеку, никто не заставляет ты спросил "как", в коде библиотеки ответ. Код не реакт-specific. Прочитай

во-первых ничего не понятно из того что ты сказал, во-вторых — не используй библиотеку, никто не заставляет ты спросил "как", в коде библиотеки ответ. Код не реакт-specific. Прочитай

а ведь и правда. спасио

Парни, всех приветствую. Меня очень сильно мучает 2 вопроса, очень надеюсь найти подсказку у вас. Мои редьюсеры имеют InitialState = {isFetching: false, byId:{}, allIds: [], isError:false Вопрос номер 1. Когда компонент рендерит страницу, actions не успевают доставить данные. как итог я лавлю undefined. если перед рендером не пишу что то вроде этого if(this.props.myData.allIds.lenght === null){ return null } Вопрос номер 2 у меня есть достаточно большое количество моделей. И некоторые из них зависят от большого числа родительских, как выбирать такие данные связанно при моей нормализованной структуре.

Парни если не трудно отпишите в личку, кому не сложно по взаимодействовать по данным вопросам. эти мануалы я затер до дыр... https://redux.js.org/faq/organizing-state#organizing-state-nested-data

Парни, всех приветствую. Меня очень сильно мучает 2 вопроса, очень надеюсь найти подсказку у вас. Мои редьюсеры имеют InitialState = {isFetching: false, byId:{}, allIds: [], isError:false Вопрос номер 1. Когда компонент рендерит страницу, actions не успевают доставить данные. как итог я лавлю undefined. если перед рендером не пишу что то вроде этого if(this.props.myData.allIds.lenght === null){ return null } Вопрос номер 2 у меня есть достаточно большое количество моделей. И некоторые из них зависят от большого числа родительских, как выбирать такие данные связанно при моей нормализованной структуре.

Middlware, isLoading ?

Middlware, isLoading ?

я же привел выше указзанную струтктуру при инициализации, или вы предлогаете ее по дефолту делать IsFetching = true ?

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

конечно же придеться подождать

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

я решил это так: if(this.props.myData.allIds.lenght === 0){ return null } Эту проверку я пишу в каждом компоненте в методе рендера. Мой коллега сказал что это единственный верный путь, но мне кажеться он таким странным...

ERROR: S client not available

Гайз, а есть такая штука, которая сообщает, что в компонент передали лишнее - больше, чем в propTypes?)

Гайз, а есть такая штука, которая сообщает, что в компонент передали лишнее - больше, чем в propTypes?)

flow/ts вроде

function checkObsoleteProps(props, types){ return !!_.keys(_.omit(props,_.keys(types))).length }

или сразу mapProps из рекомпоза и ничего лишнего не придет

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

вопрос номер 2 Вы не могли бы подсказать как выберать зависимые данные из нормолизованной структуры, я вижу примерно такое решение const data1 = this.props.myData.allIds.map((key) => this.props.data1.byId[key]) const data2 = this.props.myData22.byId[data1.keyData2] const data3 = this.props.myData3.byId[data1.keyData3] Но мне оно кажеться неверным. Такое чувство что я делаю что то не так

В ответ на post запрос я получаю какой-то респонс. Этот респонс я вывожу в компоненте при клике, но получается так, что при первом клике выводится дефолтное значение, а уже со второго клика - собственно респонс. Подозреваю, что это из-за асинхронности. Как с таким бороться? P.S использую redux/redux-thunk

В ответ на post запрос я получаю какой-то респонс. Этот респонс я вывожу в компоненте при клике, но получается так, что при первом клике выводится дефолтное значение, а уже со второго клика - собственно респонс. Подозреваю, что это из-за асинхронности. Как с таким бороться? P.S использую redux/redux-thunk

скорее всего ты делаешь свой запрос в middleware ?

скорее всего ты делаешь свой запрос в middleware ?

Именно

Именно

middleware срабатывает только в момент выстрела некого экшена пологаю твоя проблема в этом. когда мне понадобилось организовать, подгрузку данных которые нужны на всех страницах, я описал HOC в котором вынес все стартовые подгрузки для моего app

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

В моём случае заранее я не могу подгрузить нужные данные. Я лишь в момент клика понимаю какими эти данные будут

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

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

а ты получешь succes-ный экшен после реквеста ?

Да, я в него передаю данные из респонса

вопрос номер 2 Вы не могли бы подсказать как выберать зависимые данные из нормолизованной структуры, я вижу примерно такое решение const data1 = this.props.myData.allIds.map((key) => this.props.data1.byId[key]) const data2 = this.props.myData22.byId[data1.keyData2] const data3 = this.props.myData3.byId[data1.keyData3] Но мне оно кажеться неверным. Такое чувство что я делаю что то не так

парни очень прошу прокоменнтируйте. Неужели это верный потход в редакс приложениях ?

Да, я в него передаю данные из респонса

тоесть при первом клике, у тебя вылетает и succes, но данных в свойстве нет ?

парни очень прошу прокоменнтируйте. Неужели это верный потход в редакс приложениях ?

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

Да, при первом клике всё ок, но вместо нужных данных у меня выводится init state который я указал в редьюсере

Да, при первом клике всё ок, но вместо нужных данных у меня выводится init state который я указал в редьюсере

Может код покажете

Так то ничего сложного дождались ответа обновили состояние, может ошибка где то у вас

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

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

парни , вопрос по сортировке . есть tags . Может быть от 1 - 3 тегов . Хочу отсортировать обекты по количеству совпадений , не могу понять как . let array = ["Business", "Food"]; a.tags[i] /// Business,Food,Politics etc.. fetchedData = fetchedData.sort((a,b)=>{ for(let i in a.tags){ for(let j in b.tags){ for(let k in array){ return a.tags[i] - array[k]; /// ?? } }} });как можно проверять совпадения или лутше sort не делать

парни , вопрос по сортировке . есть tags . Может быть от 1 - 3 тегов . Хочу отсортировать обекты по количеству совпадений , не могу понять как . let array = ["Business", "Food"]; a.tags[i] /// Business,Food,Politics etc.. fetchedData = fetchedData.sort((a,b)=>{ for(let i in a.tags){ for(let j in b.tags){ for(let k in array){ return a.tags[i] - array[k]; /// ?? } }} });как можно проверять совпадения или лутше sort не делать

сформулируй условие чётче

сформулируй условие чётче

есть масив обьектов , в каждом обьекте поле с тегами. я хочу отсортировать обьекты по совпадениям с тегами, три совпадения в самый верх , 2 , и остальные . Например sortedBy = ["Business", "Food"]; Те обьекты , которые имеют эти 2 поля будут в самом верху

https://github.com/nhnent/tui.image-editor

https://github.com/nhnent/tui.image-editor

спасибо. а что-то по легче вам не встерчалось?

вы можете сами на основе библиотеки сделать свой редактор https://nhnent.github.io/tui.image-editor/latest/tutorial-example02-useApiDirect.html

полегче самому можно написать)