react structure hackernoon

спасибо большое

И вот тут можно посмотреть реакт с редаксом https://github.com/gothinkster/realworld

Добрый день. Подскажите пожалуйста, React.Suspense работает для компонентов, экспортированных нодой с оберткой от withTranslation либы для локализации react-i18next?

Здесь экспортируется компонент с оберткой WithTranslation. Сам компонент внутри render имеет обертку Suspense

Какой самый лучший вариант для создание вложенных компонентов по типу react-bootstrap. К примеру Card.Header

компонент который живет только внутри бати Card

и затем экспортированная либа вот так отрисовывается в index.html

Как результат вылетает исключение о том, что мол Suspense нету. Сам компонент GraphiQL ждет ресурсов для загрузки (файлы локализации)

Все привет! Вопрос по нормализации даных и о библиотеке normalizr. Помогите пожалуйста нормализировать данные, чтобы получилось так: usersProducts: {[userId]: [productsList]} http://prntscr.com/pboc3x

PWA react. Как сбрасывать кэш у пользователя, когда я обновляю UI на сервере? Пока не почищу в ручную в истории, не вижу изменений, грузит старое приложение.

PWA react. Как сбрасывать кэш у пользователя, когда я обновляю UI на сервере? Пока не почищу в ручную в истории, не вижу изменений, грузит старое приложение.

Build id

Build id

?

?

Каждому билду даешь уникальный id

Если они не совпадают у сервера и клиента то делаешь clear кэша

Каждому билду даешь уникальный id

Т.е. меняю версию в package.json?

ребят как лучше получить досуп к dom без ref? писать нативно?

Т.е. меняю версию в package.json?

Нет, как глобал переменную делаешь черещ вабпак или что там у тебя

ребят как лучше получить досуп к dom без ref? писать нативно?

а почему не через реф?

Нет, как глобал переменную делаешь черещ вабпак или что там у тебя

create react app)

есть кто-то кто имеет опыт с библиотекой normalizr?

а почему не через реф?

не могу получить доступ к ref

create react app)

Я б лучше кастомное решение для PWA делал, но можешь начат смотреть в эту сторону https://stackoverflow.com/questions/24663175/how-can-i-inject-a-build-number-with-webpack

И вот тут можно посмотреть реакт с редаксом https://github.com/gothinkster/realworld

А чего это за репа в двух словах? Последнее время часто вижу ее..

А чего это за репа в двух словах? Последнее время часто вижу ее..

там же readme есть реализация более менее сложного приложения на разных стеках https://medium.com/@ericsimons/introducing-realworld-6016654d36b5

не могу получить доступ к ref

Значит делаешь что то не так

Значит делаешь что то не так

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

там же readme есть реализация более менее сложного приложения на разных стеках https://medium.com/@ericsimons/introducing-realworld-6016654d36b5

Я так понял это народное достояние?

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

Тогда чекай апи слайдера который юзаешь

Я так понял это народное достояние?

да

Я б лучше кастомное решение для PWA делал, но можешь начат смотреть в эту сторону https://stackoverflow.com/questions/24663175/how-can-i-inject-a-build-number-with-webpack

Буду читать, благодарю

Я б лучше кастомное решение для PWA делал, но можешь начат смотреть в эту сторону https://stackoverflow.com/questions/24663175/how-can-i-inject-a-build-number-with-webpack

Вроде нашёл в сервисВоркере куда писать, но в гугле не могу найти код чтоб через js очищать кэш на стороне клиента

Вроде нашёл в сервисВоркере куда писать, но в гугле не могу найти код чтоб через js очищать кэш на стороне клиента

https://developer.mozilla.org/en-US/docs/Web/API/CacheStorage/delete

https://developer.mozilla.org/en-US/docs/Web/API/CacheStorage/delete

Бляяя, программирование это сложнааа. Даже русские пишет документации на англ 😭😭

это доступно не только в SW вроде

это доступно не только в SW вроде

У меня уже было тут настроено чтоб в консоль выходит консольЛог, когда приложение обновлено "'New content is available and will be used when all ' + 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'"

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

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

Бляяя, программирование это сложнааа. Даже русские пишет документации на англ 😭😭

Просто не надо ныть и пахать )👍

Просто не надо ныть и пахать )👍

Сук)))

вопрос по react-dnd. кто-то сталкивался с проблемой рода cannot read property 'hover' of undefined?

Сук)))

😁

Бляяя, программирование это сложнааа. Даже русские пишет документации на англ 😭😭

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

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

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

сори но это вообще базовые штуки и зачем тебе перевод ? 🤔

Всем привет как мне отчистить поле файла если в нем есть только события onChange={(e) => this.onChangeFile(e)} там сразу береться файл и на сервер его кидает но он не чиститься а значит не могу один и тот же файл прекрипить в 2 раз

react 15

выучить русский язык?

Всем привет как мне отчистить поле файла если в нем есть только события onChange={(e) => this.onChangeFile(e)} там сразу береться файл и на сервер его кидает но он не чиститься а значит не могу один и тот же файл прекрипить в 2 раз

в onChangeFile возьми последний элемент (файл) в массиве. не?

выучить русский язык?

Сорян спешу)

Всем привет как мне отчистить поле файла если в нем есть только события onChange={(e) => this.onChangeFile(e)} там сразу береться файл и на сервер его кидает но он не чиститься а значит не могу один и тот же файл прекрипить в 2 раз

ничего не понял, что значит очистить, если ты сам инпут хочешь очистить то e.target.value = null

только очищай после того, как этот файл заберешь для отправки на сервер

Вроде e.target.value = "", или это не важно?

выучить русский язык?

Ты суть понял, хорош сносить мозги каллиграфией

привет , подскажите плиз , если возвращать роуты функцией то работают только те которые вернулись из первого вызова функции https://prnt.sc/pbp3r3

народ привет! Прошу прощения за нубарский вопрос, но как схлопнуть элемент при клике вне его?)

Народ, почему этот код, const routes={ LOGIN: '/login', REGISTRATION: '/registration' } const NotMatch = ()=> <Redirect to='/' /> <Switch> <Route exact path={routes.LOGIN} component={Login}/> <Route exact path={routes.REGISTRATION} component={Registration}/> <Route component={NorMatch}/> </Switch работает так: ввожу``` www.some.com/asfasdfasdf``` редиректит на главную, ввожу www.some.com/login сначала рендерит Компонет логина, и сразу редиректит на главную то-есть срабатывают оба роута Так должно быть? Разве Switch не должен рендереить первый совпавший роут?

Ты суть понял, хорош сносить мозги каллиграфией

Жопа горит от того, что в вайти лезет безграмотное быдло

Жопа горит от того, что в вайти лезет безграмотное быдло

Можно без оскорблений?

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

Про быдло спорно конечно, но если нет мозгов выучить русский, то это хуево

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

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

народ привет! Прошу прощения за нубарский вопрос, но как схлопнуть элемент при клике вне его?)

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

Ты суть понял, хорош сносить мозги каллиграфией

Чел, каллиграфия это изобразительное искусство, когда красиво пишут буквы. А знание родного языка это такая нехуевая проверка на адекватность и общий уровень развития

ничего не понял, что значит очистить, если ты сам инпут хочешь очистить то e.target.value = null

написал как вы сказали не получилось

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

Спасибо

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

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

инпут не очищается

Спасибо

mousedown + touchstart

const handleOutsideClick = (event) => { if (!yourRef || yourRef.contains(event.target)) { return } // do something }

Кто-то сталкивался с тем, что Primereact отображается без стилей?

Чел, каллиграфия это изобразительное искусство, когда красиво пишут буквы. А знание родного языка это такая нехуевая проверка на адекватность и общий уровень развития

Чел, каллиграфия (-) это изобразительное искусство, (спорная конструкция ) когда красиво пишут буквы. (спорное построение предложения) А знание родного языка (- ) это такая нехуевая проверка на адекватность и общий уровень развития (.)

Спасибо

только не забудь при unmount очистить слушатели

Чел, каллиграфия (-) это изобразительное искусство, (спорная конструкция ) когда красиво пишут буквы. (спорное построение предложения) А знание родного языка (- ) это такая нехуевая проверка на адекватность и общий уровень развития (.)

поверь, я могу грамотно писать) доеб не засчитан

только не забудь при unmount очистить слушатели

Благодарю! 🙏

поверь, я могу грамотно писать) доеб не засчитан

А он не может? Ты уверен?

Граммар-наци в треде, становится интересно

А он не может? Ты уверен?

Видимо ты не видишь разницу между его и моими сообщениями