Спасибо ребят !

ребят подскажите а есть ли альтератива обычной html формы на react? интересует как при простой форме отпровляетьсяься данные с TYPE DOCUMENTS и чем он отличаеться от fetch

уважаемые, а у кого-нибудь для react-dnd есть пример, как реализовать drag&drop элементов между 2 списками?

не вікупаю что поменять нужно. Сравнение типов поменял. а в первой функции зачем менять если я setState использую только для контроля инпута. Там каждый скрин это разный компонент

Поправил? Решил проблему?

Поправил? Решил проблему?

Да, проблема была в неправильно написаных Route. Нужно было использовать render={ () => <Component />} вместо component={() => <Component />}

Так как ты каждый раз создаёшь функцию, то происходит переподписка на каждом рендере.

В функциональных компонентах так делать можно (смотри доку), но я все равно выношу

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

Флексбоксы, не?)

В функциональных компонентах так делать можно (смотри доку), но я все равно выношу

Это можно делать где угодно. Язык позволяет. Но бесмысленно. Читай полную переписку.

господи как же хочется do-expressions

Привет. У меня в приложении по клику на элемент идёт useEffect, следующей строкой вызов метода, который использует значение со state, отправленное туда этим useState. Вызов потому получается со старым значением со state. Как подать в вызов метода новое значение? Возможно, без useEffect.

почему клик = useEffect 🤔

Имелось ввидy, что по клику по заголовку столбца в таблице идёт вызов к апи, т. к. этот клик сортирует столбец и для сортировки использует обращение к апи.

Кусочек кода: https://stackoverflow.com/q/59142383/5524590. Сначала setSortInComponent и следующей строкой вызов getRecordsForPage с новым значением sortInComponent.

Кусочек кода: https://stackoverflow.com/q/59142383/5524590. Сначала setSortInComponent и следующей строкой вызов getRecordsForPage с новым значением sortInComponent.

Не клади объекты в Стейт во-первых, используй useReducer (и все пофиксится кстати) Во-вторых, получить доступ к актуальному значению стейта можно получить через setState(c => ...), где с - актуальный Стейт

Кусочек кода: https://stackoverflow.com/q/59142383/5524590. Сначала setSortInComponent и следующей строкой вызов getRecordsForPage с новым значением sortInComponent.

а зачем ты его из стейта тут берешь?) ты же его итак вычислил уже

Всем привет! Подскажите пожалуйста качественный и не дорогой хостинг с Node.js для React приложений

Всем привет! Подскажите пожалуйста качественный и не дорогой хостинг с Node.js для React приложений

digital ocean, за 5$ гиг оперативы

Что ещё можете порекомендовать из хостинга?

Дохрена разных вдс в пределах 170-200руб в мес.

Дохрена разных вдс в пределах 170-200руб в мес.

Это я знаю, гуглил. Поэтому и спрашиваю коммунити

Всем привет! Подскажите пожалуйста качественный и не дорогой хостинг с Node.js для React приложений

Arubacloud

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

Щас скину в личку картинку моего пула одной распределенной системы (вдс как ноды по миру юзаю)

ребята в таблице есть такие две кнопки, как лучше сделать, через форму, или в обычный button, div засунуть? чтобы при работе с беком потом не пришлось переделывать

Всем привет! Подскажите пожалуйста качественный и не дорогой хостинг с Node.js для React приложений

https://www.openode.io/

ребята в таблице есть такие две кнопки, как лучше сделать, через форму, или в обычный button, div засунуть? чтобы при работе с беком потом не пришлось переделывать

а как на это бэк влияет? не понял ход мысли..

а как на это бэк влияет? не понял ход мысли..

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

ребята в таблице есть такие две кнопки, как лучше сделать, через форму, или в обычный button, div засунуть? чтобы при работе с беком потом не пришлось переделывать

Засунь в button png или svg

мало ли кому пригодится - только зомро пару раз в мес теряет связь с внешним миром по 1-2 минуты...

ребята в таблице есть такие две кнопки, как лучше сделать, через форму, или в обычный button, div засунуть? чтобы при работе с беком потом не пришлось переделывать

Как связана верстка и бэкенд в данном случае? При условии что ты это через JS и реакт разруливаешь, раз уж мы в чатике реакта

Как связана верстка и бэкенд в данном случае? При условии что ты это через JS и реакт разруливаешь, раз уж мы в чатике реакта

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

ребята в таблице есть такие две кнопки, как лучше сделать, через форму, или в обычный button, div засунуть? чтобы при работе с беком потом не пришлось переделывать

можно без формы, но чтоб скачать файл нужно будет имитировать форму

гайзы , почему на safari ios e.relatedTarget null ? На пк blur срабаывает правильно

гайзы , почему на safari ios e.relatedTarget null ? На пк blur срабаывает правильно

https://stackoverflow.com/questions/25059764/javascript-on-blur-getting-the-events-relatedtarget-on-mobile-safari

гайзы , почему на safari ios e.relatedTarget null ? На пк blur срабаывает правильно

Один из первых результатов гугла https://stackoverflow.com/questions/42764494/blur-event-relatedtarget-returns-null

спс

всем привет, кто-то сможет объяснить в чем разница между тем как объявлять метод, через стрелочную функцию или как метод класса. Заметил только разницу в том, что если это стрелочная функция, то ее не надо биндить в конструкторе

всем привет, кто-то сможет объяснить в чем разница между тем как объявлять метод, через стрелочную функцию или как метод класса. Заметил только разницу в том, что если это стрелочная функция, то ее не надо биндить в конструкторе

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

а зачем ты его из стейта тут берешь?) ты же его итак вычислил уже

Чтобы не класть конструкцию sortInComponent.sortOrder === 'asc' ? setSortInComponent({ sortBy: 'name', sortOrder: 'desc' }) : setSortInComponent({ sortBy: 'name', sortOrder: 'asc' }); аргументом в getRecordsForPage.

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

а еще есть плюсы?

всем привет, кто-то сможет объяснить в чем разница между тем как объявлять метод, через стрелочную функцию или как метод класса. Заметил только разницу в том, что если это стрелочная функция, то ее не надо биндить в конструкторе

разница есть и существенная. https://medium.com/@charpeni/arrow-functions-in-class-properties-might-not-be-as-great-as-we-think-3b3551c440b1 если коротко, то метод через стрелочкную функцию не попадает в прототип и старадет оптимизация

есть способо проверить, что ф-я является реакт компонентом, а не просто рандомной ф-й?

разница есть и существенная. https://medium.com/@charpeni/arrow-functions-in-class-properties-might-not-be-as-great-as-we-think-3b3551c440b1 если коротко, то метод через стрелочкную функцию не попадает в прототип и старадет оптимизация

👍

есть способо проверить, что ф-я является реакт компонентом, а не просто рандомной ф-й?

Нет.

Нет.

как тогда реакт определяет, что хук юзать нельзя, значит же можно

как тогда реакт определяет, что хук юзать нельзя, значит же можно

В рантайме определяет. Если инстанцировать удалось, то все ок.

В рантайме определяет. Если инстанцировать удалось, то все ок.

так хуки еще на стадии разработки вроде

так хуки еще на стадии разработки вроде

Чего? Не понял тебя.

Чего? Не понял тебя.

ну лупани хук не в реакт компоненте, он его подсветит, как он это понял?? есть просто пропс, он может быть и реакт компонент и просто функа

ну лупани хук не в реакт компоненте, он его подсветит, как он это понял?? есть просто пропс, он может быть и реакт компонент и просто функа

Если функция не вернула реакт элемент, то он кидает варнинг. Можешь рендерить функцию через реакт дом и ловить эксепшен, но это ужасное решение.

есть способо проверить, что ф-я является реакт компонентом, а не просто рандомной ф-й?

React.isValidElement mb

React.isValidElement mb

Элемент - это не функция. Ты путаешь компонент и элемент.

Если функция не вернула реакт элемент, то он кидает варнинг. Можешь рендерить функцию через реакт дом и ловить эксепшен, но это ужасное решение.

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

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

Это как?

Это как?

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

all . Знаете какую нибудь либу для слайдера-карусели текста ?

Не клади объекты в Стейт во-первых, используй useReducer (и все пофиксится кстати) Во-вторых, получить доступ к актуальному значению стейта можно получить через setState(c => ...), где с - актуальный Стейт

Как поможет useReducer? Он сможет по клику по заголовку столбца отправить новое состояние на state, но в том же клике метод с тем состоянием в качестве аргумента и состояние не успеет обновиться, как и с useState.

Как поможет useReducer? Он сможет по клику по заголовку столбца отправить новое состояние на state, но в том же клике метод с тем состоянием в качестве аргумента и состояние не успеет обновиться, как и с useState.

state у useReducer в актуальном состоянии всегда находится. Нет такого понятия как «состояние не успело обновиться», это синхронная операция, она всегда успевает выполниться. То, что если ты вызываешь 3 useState подряд, и в последних двух состояние неактуальное, это не потому, что что-то не успело выполниться, а потому что рендер не произошел

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

Во-первых, что за задача где вам нужно проверять что рандом функция является компонентом? Кажется что-то не так делаете

Во-первых, что за задача где вам нужно проверять что рандом функция является компонентом? Кажется что-то не так делаете

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

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

Не понял... ну да ладно

ну лупани хук не в реакт компоненте, он его подсветит, как он это понял?? есть просто пропс, он может быть и реакт компонент и просто функа

Странный пропс, обычно такой паттерн разруливают так что предоставляют интерфейс из двух пропсов component и render, в component передават можно компонент, а в render - рендер функцию возвращающую ReactElement. Посмотрите на интерфейс Route например из react-router.

Фото от H~

Фото от H~

Помогите коллеги, не подключается бутстрап. Что делаю не так.

Странный пропс, обычно такой паттерн разруливают так что предоставляют интерфейс из двух пропсов component и render, в component передават можно компонент, а в render - рендер функцию возвращающую ReactElement. Посмотрите на интерфейс Route например из react-router.

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

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

Так тоже можно, пропс принимает либо элемент либо рендер функцию, тут не возникает неоднозначностей

Так тоже можно, пропс принимает либо элемент либо рендер функцию, тут не возникает неоднозначностей

да, но если передать просто ф-ю, она не вовзращает елемент, тгда будет ошибка

да, но если передать просто ф-ю, она не вовзращает елемент, тгда будет ошибка

Разумеется, и вот тут вам поможет типизация

да, но если передать просто ф-ю, она не вовзращает елемент, тгда будет ошибка

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

Фото от H~

Помогите коллеги, не подключается бутстрап. Что делаю не так.

Помогите коллеги, не подключается бутстрап. Что делаю не так.

<link rel="stylesheet" href="<%= bootstrapURL %>"/> где переменная bootstrapURL объявлена в замыкании конфига вебпака например

попробуй версию поменяй

Java13/Spring Boot/Hibernate.

@Tchernyavsky

@Tchernyavsky Даняяя

Java13/Spring Boot/Hibernate.

вот это тоже непонятно к чему здесь)

Какую ошибку

- пацаны, не работает! - что не работает? - не скажу :)

Подскажите. У меня такой кейс. Захожу я на одной вкладке под пользаком закидываю в стор инфу, создаю новую вкладку и захожу под другим пользователем. Возращаюсь назад на старую вкладку а инфа там старая, которая до этого лежала в сторе даже после запроса. Есть какой-то кейс как реагировать на переход. Или хотябы передать инфу?