Телеграмм чат группы reactkyiv страница 3310

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

React Kyiv

1673 membersпожаловаться на группу

2020 March 29

VH

Volodymyr Honcharov in React Kyiv

Всем привет. Подскажите, плиз, как настроить webpack чтобы он подставлял в существующие html файлы chunkhash моих бандлов. В каждом html файлы у меня есть common.[chunkhash].js, react.[chunkhash].js, module.[chunkhash].js. Видел плагин HtmlWebpackPlugin но он, вроде, генерит файлы, па не редактирует существующие

источник

22:52пожаловаться #1

SG

Stas G in React Kyiv

Volodymyr Honcharov

Всем привет. Подскажите, плиз, как настроить webpack чтобы он подставлял в существующие html файлы chunkhash моих бандлов. В каждом html файлы у меня есть common.[chunkhash].js, react.[chunkhash].js, module.[chunkhash].js. Видел плагин HtmlWebpackPlugin но он, вроде, генерит файлы, па не редактирует существующие

если тебе нужно подставялть в готовый html свои чанки, то в HtmlWebpackPlugin есть поле template, можешь его использовать

источник

22:52пожаловаться #2

VH

Volodymyr Honcharov in React Kyiv

если тебе нужно подставялть в готовый html свои чанки, то в HtmlWebpackPlugin есть поле template, можешь его использовать

Я решил использовать handlebarsjs

 {{#if prod }}
  <script type="text/javascript" src="/react.6603d81297a7102fe38c.js" charset="utf-8" async></script>
  <script type="text/javascript" src="/common.454fa03bae2aa73d0167.js" charset="utf-8" async></script>
  <script type="text/javascript" src="/main-module.7aeadb21e36d9bfa5ae1.js" charset="utf-8"></script>
 {{/if}}
 {{#if dev }}
  <script type="text/javascript" src="/main-module.bundle.js" charset="utf-8"></script>
 {{/if}}

и в

plugins: [new HtmlWebpackPlugin({
      prod: true,
      template: 'src/main/resources/templates/index.hbs',
    })]

и в итоге оно игнорит мой код и в html мне записываються все entry c webpack конфига. Как это пофиксить? мне нужно только один молюдь + общие модули

источник

23:41пожаловаться #3

2020 March 30

SG

Stas G in React Kyiv

Поищи лоадер для хендлбарс

источник

00:07пожаловаться #4

SG

Stas G in React Kyiv

В этом плагине они вроде бы не поддерживаются

источник

00:07пожаловаться #5

SG

Stas G in React Kyiv

Но если честно, у меня нет ответа) не пользовался

источник

00:07пожаловаться #6

SK

Serega Kononenko in React Kyiv

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

источник

11:10пожаловаться #7

SK

Serega Kononenko in React Kyiv

useEffect(() => {
const data = localStorage.getItem('accessToken');
if (data) {
redirectToFirstPage();
}
if (location.search) {
const codeFromGoogle = queryString.parse(location.search);
const code = codeFromGoogle.code;

authGoogleWithCode(code);
}
}, []);

источник

11:10пожаловаться #8

К

Камран in React Kyiv

Всем привет.

 case ADD_OR_REMOVE_CHILD:
   return {
      ...state,
       selectedLoyaltyCard: state.selectedLoyaltyCard
    };

selectedLoyaltyCard - обьект, в нём есть массив childrens
Как в редьюсере можно у этого обьекта перезаписать массив childrens?

источник

11:47пожаловаться #9

VZ

Viacheslav Zhuravskyi in React Kyiv

Всем привет.

 case ADD_OR_REMOVE_CHILD:
   return {
      ...state,
       selectedLoyaltyCard: state.selectedLoyaltyCard
    };

selectedLoyaltyCard - обьект, в нём есть массив childrens
Как в редьюсере можно у этого обьекта перезаписать массив childrens?

return {
...state,
selectedRoyaltyCard: {
...state.selectedRoyaltyCard,
childrens: [ put new data here ]
}
}

источник

11:49пожаловаться #10

К

Камран in React Kyiv

Viacheslav Zhuravskyi

return {
...state,
selectedRoyaltyCard: {
...state.selectedRoyaltyCard,
childrens: [ put new data here ]
}
}

Спасибо

источник

11:50пожаловаться #11

К

Камран in React Kyiv

 <Panel
      header={
        <h4 className="header text">
           Hello World
        </h4>
 }
 eventKey
 >

Можно ли как-то сделать тернарник внутри? И в зависимости какого нибудь флага передвать eventKey или не передавать вовсе

Типа {item.flag ? eventKey="true" : eventKey="false"}

источник

12:43пожаловаться #12

MG

Mr Goose in React Kyiv

eventKey={item.flag}

источник

12:47пожаловаться #13

М

Мерч in React Kyiv

Serega Kononenko

useEffect(() => {
const data = localStorage.getItem('accessToken');
if (data) {
redirectToFirstPage();
}
if (location.search) {
const codeFromGoogle = queryString.parse(location.search);
const code = codeFromGoogle.code;

authGoogleWithCode(code);
}
}, []);

Шо значит протестить
Ты написал хук эффекта с пустым массивом зависимостей и без кода в ретурне, значит он вызовется один раз при монтировании
Что бы спровоцировать монтирование/размонтирование сделай перед вызовом компоненты логическое условие, аля someValue && <Component />
И тыкай себе

источник

12:48пожаловаться #14

К

Камран in React Kyiv

eventKey={item.flag}

так не будет работать(
Потому что eventKey по дефолту передаёт значение(

источник

12:53пожаловаться #15

К

Камран in React Kyiv

eventKey={item.flag}

чтобы я в него не передал, если есть слово eventKey то аккордион будет закрыт

источник

12:54пожаловаться #16

B

Bogdan in React Kyiv

Serega Kononenko

useEffect(() => {
const data = localStorage.getItem('accessToken');
if (data) {
redirectToFirstPage();
}
if (location.search) {
const codeFromGoogle = queryString.parse(location.search);
const code = codeFromGoogle.code;

authGoogleWithCode(code);
}
}, []);

проверяешь что при маунте вызываются нужные функции с нужными данными. А при апдейте не вызываются

источник

12:55пожаловаться #17

MG

Mr Goose in React Kyiv

чтобы я в него не передал, если есть слово eventKey то аккордион будет закрыт

тогда что-то типа const props = {...item.flag && {eventKey: true}} и <Panel ...props>

источник

13:03пожаловаться #18

SG

Stas G in React Kyiv

Всем привет, закину сюда вопросик по верстке

источник

13:58пожаловаться #19

SG

Stas G in React Kyiv

не встречали где-нибудь туториалов, чтобы делать у инлайновых элементов фон по краям? чтобы он не наползал между строк
https://codepen.io/stasgavrylov/pen/xxGMLrq
может какое-то есть правильное свойство или хак

источник

13:58пожаловаться #20