Size: a a a

2019 November 13

AR

Alexey Raspopov in React Kyiv
GNU/Vsevolod.rs
Я понял, не подумал сразу. Но все равно, как то костыльно, хотя это и проблема js
вот тут про top level идею хорошо написано
https://github.com/reactjs/react-basic#algebraic-effects
источник

AR

Alexey Raspopov in React Kyiv
Alexey Raspopov
@kraftwerk28 примерно получилось набросать самый минимальный вариант
https://gist.github.com/alexeyraspopov/adf20e4107216cf166b348c7b85eae3a
(поправил одну неточность)
источник

NG

Nik Galaev in React Kyiv
Ребят, пните в нужную сторону, 2 часа уже с дебаунсом морочаюсь
источник

NG

Nik Galaev in React Kyiv
    handleSearchFormChange = ({target: {value}}) => {
       console.log(value)
       if (value) {
           debounce((value) => {
               console.log('_.debounce');
           }, 500, [value]);
       } else {
           this.setState({
               filteredNodes: this.state.nodes,
               expanded: []
           });
       }
   };


                                            onChange={this.handleSearchFormChange}
источник

NG

Nik Galaev in React Kyiv
вэлью приходит, но кложура не вызывается
источник

SS

Serhey Shmyg in React Kyiv
Дебаунс винес за межі функції де він буде виконуватись
источник

NG

Nik Galaev in React Kyiv
    handleSearchFormChange = ({target: {value}}) => {
       if (value || true) {
           this.fetchCategories(value);
       } else {
...
       }
   };
   /**
    *  Need to be a separate function
    **/
   fetchCategories = (value) => {
       debounce((value) => {
           ...
       }, 500);
   };

Такого плана?
источник

IB

Ihor Barmak in React Kyiv
Ще вище огорнути в дебаунс
источник

IB

Ihor Barmak in React Kyiv
fetchCategories = _.debounce(()=>....
источник

IB

Ihor Barmak in React Kyiv
Бо в твоиу випадку кожен раз буде нова функція генеруватись і викликатись і ніякого ефекту дебаунс не дасть
источник

NG

Nik Galaev in React Kyiv
да в моем случае он что-то вообще не вызывается =\
источник

NG

Nik Galaev in React Kyiv
секич, пробую
источник

IB

Ihor Barmak in React Kyiv
Бо debounce повертає функцію. Її треба викликати
источник

NG

Nik Galaev in React Kyiv
Ihor Barmak
fetchCategories = _.debounce(()=>....
огонь, спасибо
источник

SS

Serhey Shmyg in React Kyiv
Nik Galaev
    handleSearchFormChange = ({target: {value}}) => {
       if (value || true) {
           this.fetchCategories(value);
       } else {
...
       }
   };
   /**
    *  Need to be a separate function
    **/
   fetchCategories = (value) => {
       debounce((value) => {
           ...
       }, 500);
   };

Такого плана?
В твоэму випадку 2 рази потрібно було викликати функцію
источник

B

Bogdan in React Kyiv
Как можно увидеть какие модули были вырезани вебпаковским тришейкингом?
источник

SG

Stas G in React Kyiv
взять какой-нибудь бандл-аналайзер и собрать проект с сорс-мэпами
источник

B

Bogdan in React Kyiv
Stas G
взять какой-нибудь бандл-аналайзер и собрать проект с сорс-мэпами
Ну бандл аналайз есть. А где там вырезанные модули смотреть?
источник

SG

Stas G in React Kyiv
Смотри какие остались)
источник

B

Bogdan in React Kyiv
так их там тысячи
источник