а зачем ? и каким образом ?

когда фрагментов не было, так извращались работает как фрагмент, но надо key писать [<div key={1}>foo</div>, <div key={2}>bar</div>]

когда фрагментов не было, так извращались работает как фрагмент, но надо key писать [<div key={1}>foo</div>, <div key={2}>bar</div>]

жестоко

олды знают

олды помнят

useEffect(() => { fetchCandidates(query) }, [searchFilter]) как мне правильно debounce сюда добавить?

useEffect(() => { fetchCandidates(query) }, [searchFilter]) как мне правильно debounce сюда добавить?

useEffect(() => { fetchCandidates(query) }, [searchFilter]) как мне правильно debounce сюда добавить?

useEffect(() => { debounce(fetchCandidates(query), 1000) }, [searchFilter])

useEffect(() => { debounce(fetchCandidates(query), 1000) }, [searchFilter])

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

useEffect(() => { fetchCandidates(query) }, [searchFilter]) как мне правильно debounce сюда добавить?

если fetchCandidates не зависит от пропов, то объявить снаружи компонента если зависит, то useCallback(debounce(fetchCandidates))

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

еще и вызываться не будет

useEffect(() => { debounce(fetchCandidates(query), 1000) }, [searchFilter])

так ошибку бьет

еще и вызываться не будет

ага)

если fetchCandidates не зависит от пропов, то объявить снаружи компонента если зависит, то useCallback(debounce(fetchCandidates))

fetchCandidates это ивент эффектора

так ошибку бьет

ну подумай прежде чем копипастить

fetchCandidates это ивент эффектора

ну если он зависит от пропов (вызываешь со значением из пропов), то чз юзКолбек, выше написал если нет, то просто задебаунси за компонентом, и вызови в юзЭффекте

Где ты, гений?

А это был кажется я. Не от слов не отказываюсь. Но они были, снова, оч токсичны. Это не лучшее начало дискуссии

А это был кажется я. Не от слов не отказываюсь. Но они были, снова, оч токсичны. Это не лучшее начало дискуссии

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

Я фанатично разделяю бизнес логику от ui состояний (которые нужно хранить в реакте). У тебя же (тадам!!!) каша из всех вариантов, тупо что бы было. А потом подумал... а зачем мне гореть на пустом месте. Ведь даже не была описана проблеме и спор будет ни о чем. Вот я и удалил сообщение. А тебя видно припекает)))

Почему где то пишут что react это фрейм а где то что биболиотека

Так что же это?

«Если умеешь в гугл, то можешь поискать, что у них вышло»

фреймворк это

Я фанатично разделяю бизнес логику от ui состояний (которые нужно хранить в реакте). У тебя же (тадам!!!) каша из всех вариантов, тупо что бы было. А потом подумал... а зачем мне гореть на пустом месте. Ведь даже не была описана проблеме и спор будет ни о чем. Вот я и удалил сообщение. А тебя видно припекает)))

я мысль потерял, ты о чем?

Так что же это?

инструмент, не надо срачей вбрасывать

Так что же это?

фреймворк - потому что вокруг реакта мы строим приложение

Почему где то пишут что react это фрейм а где то что биболиотека

Скорее либа. Фрейм обычно даёт какой-то набор технологий, которые покрывают стэк полностью.

А тут написано что библиотека

Почему где то пишут что react это фрейм а где то что биболиотека

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

самое главное - что изменится, если вопрос разрешится в любую из сторон? демагоги 🤷🏻‍♂️

Конечно либа

фреймворк это

Ага. А нотепад (плюс плюс) это ИДЛЕшка

я мысль потерял, ты о чем?

Да забей. Вы лили поток бессвязной инфы, я решил сагриться, но сдал назад.

Ага. А нотепад (плюс плюс) это ИДЛЕшка

Я этот вывод слелал путем анализа самого опредления "Фреймворк"

Я этот вывод слелал путем анализа самого опредления "Фреймворк"

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

инструмент, не надо срачей вбрасывать

Золотые слова

Я этот вывод слелал путем анализа самого опредления "Фреймворк"

Здесь лучшее сравнение с ангуляром. Он как бэ больше близок к определению Фреймворк. ИМХО

Да забей. Вы лили поток бессвязной инфы, я решил сагриться, но сдал назад.

я сказал, что у аполо вышла обнова. они добавили стейт себе, найду ссылку, кину

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

холивары разводить - бессмыслица. Сколько людей - столько и мнений

я сказал, что у аполо вышла обнова. они добавили стейт себе, найду ссылку, кину

Пожалуйста, не оправдывайся передо мной.

холивары разводить - бессмыслица. Сколько людей - столько и мнений

Ты говоришь как верующий. Сейчас в рясе сидишь?

холивары разводить - бессмыслица. Сколько людей - столько и мнений

здесь вряд ли "мнение". судя по определению вики, фрейм задает архитектуру, к примеру. реакт архитектуру самостоятельно никак не задаёт

здесь вряд ли "мнение". судя по определению вики, фрейм задает архитектуру, к примеру. реакт архитектуру самостоятельно никак не задаёт

аллилуйя

Привет. Как я могу селектить этот Arrow внутри SC?

интерполяция вроде ${Arrow} ломает все

интерполяция вроде ${Arrow} ломает все

сделай из него стайлед

сделай из него стайлед

const StyledArrow = styled(Arrow)?

const StyledArrow = styled(Arrow)?

https://www.styled-components.com/docs/basics#styling-any-component

https://www.styled-components.com/docs/basics#styling-any-component

да, так и сделал уже) спасибо)

всем привет! кто может помочь? как проверить через regExp только длину? Длина должна быть не менее 8 и не более 14 символов. new RegExp('^(?=.{8,14})').test('1234567891011121314') не проверяет не мах

ну если он зависит от пропов (вызываешь со значением из пропов), то чз юзКолбек, выше написал если нет, то просто задебаунси за компонентом, и вызови в юзЭффекте

const debounced = debounce(() => fetchCandidates(query), 1000) useEffect(() => { debounced() }, [searchFilter]) почему вот так не работает?

всем привет! кто может помочь? как проверить через regExp только длину? Длина должна быть не менее 8 и не более 14 символов. new RegExp('^(?=.{8,14})').test('1234567891011121314') не проверяет не мах

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

первый вызов только делает задержку

const debounced = debounce(() => fetchCandidates(query), 1000) useEffect(() => { debounced() }, [searchFilter]) почему вот так не работает?

у тебя здесь новая функция создается в каждом рендере

еще и вызываться не будет

Да, тупанул ) имел ввиду это // Снаружи компонента const fetchCandidatesDebounced = myCoolDebounceFc(fetchCandidates, 1000) // Внутри компонента useEffect(() => { fetchCandidatesDebounced(query) }, [searchFilter]) А так уже отписали более развёрнутый ответ (в то числе если через props кидает).

useCallback не будет работать разве?

const debounced = useCallback(debounce(q => fetchCandidates(q), 1000), []) useEffect(() => { debounced(query) }, [searchFilter]) вот так вроде работает

подскажите можно ли на клиенте превьюху показать выбраного пользователем файла типа pdf\xls\docx ?

Ребят, всем привет)) 👋 Очень хочу задать вопрос, кто formik юзал

Ребят, всем привет)) 👋 Очень хочу задать вопрос, кто formik юзал

Сразу вопрос задавай

Повезет – ответят

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

useEffect(() => { fetchCandidates(query) }, [searchFilter]) как мне правильно debounce сюда добавить?

https://usehooks.com/useDebounce/ const debouncedSearchFilter = useDebounce(searchFilter, 1000) useEffect(() => { fetch(debouncedSearchFilter) }, [debouncedSearchFilter])

Я вообще ещё не написал ни одного теста, какой фреймворк для тестов React компонентов выбрать ?

Хотел бы узнать, есть ли какие-то адекватные способы, а то в гугле очень сложные варианты предлагает, типа свой кастомный onChange или вообще, кастомный formik)

Я вообще ещё не написал ни одного теста, какой фреймворк для тестов React компонентов выбрать ?

jest

Как сделать чтобы они катались плавно, как вкладки в хроме например? Это вообще возможно? https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_hooks_js/04-sortable/simple

jest

👍

Ну а чего ты еще ожидал?))

Как сделать чтобы они катались плавно, как вкладки в хроме например? Это вообще возможно? https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_hooks_js/04-sortable/simple

а это как?

Я тоже заметил. Видимо опечатка, но работает, потому что просто блок с кодом

🤔 непорядок

а это как?

Из блоков можно ретурнить так же как из блока иф или циклов

Из блоков можно ретурнить так же как из блока иф или циклов

я про то что там двойные скобки)

Так это и есть блок

+

В жс еще гото есть если что и метки к этим блокам

Короче {} это примерно как if (true) {}

Ну а чего ты еще ожидал?))

Я?

Короче {} это примерно как if (true) {}

зочум