есть компонент с инпутом и кнопкой удалить. нужно при нажатии на кнопку удалять этот блок. куда определить значение по которому я буду искать этот блок в массиве блоков? в случае с инпутом (при его изменении) я использую e.target.name, нормально будет если я кнопке тоже задам name или лучше id или что-нибудь менее используемое?

есть компонент с инпутом и кнопкой удалить. нужно при нажатии на кнопку удалять этот блок. куда определить значение по которому я буду искать этот блок в массиве блоков? в случае с инпутом (при его изменении) я использую e.target.name, нормально будет если я кнопке тоже задам name или лучше id или что-нибудь менее используемое?

перефразируй, ни черта не понятно

а, понял

Есть копонент А, в нем два элемента (тега) - input и button. Таких компонентов много в большом компоненте B. Когда я изменяю текст input я беру в стейте объект этих инпутов и меняю значение только в одном, определяя его по аттрибуту name. Этот артибут я просто получаю из e.target.name. Теперь я хочу удалить весь компнент А. В какой атрибут button засунуть значение переменной name чтобы определять какой компонент удалить? прям так и добавить <button name={name} > или <button id={name} > или <button data-name={name}> или другие варианты?

Состояние таблицы в базе данных изменилось. Состояния менял внешний к SupplierTable компонент - DeleteModalDialog. Он дергает функцию ререндер, которую я ему передал в пропсах. Я ожидаю что весь компонент Suppliers перерендерится. Не работает. Не могу понять почему.

Вообще логично было бы передавать новые пропсы в SuppliersTable, раз она в бд изменилась. Как она данные получает?

хз как правильно, но я бы сделал что-то типо такого ... function deleteA(id) { /* process deleting */ } ... <A onDelete={() => deleteA(id)} /> ...

Господа, можете мне объяснить одну вещь? Есть React-router и гуглоботы, реакт роутер меняет юрл в браузере и только, но ведь гуглоботы переходят по ссылкам использую http клиент, так? Значит все ссылки созданные для нас в браузере будут бессмысленными для гуглобота и СЕО?

Господа, можете мне объяснить одну вещь? Есть React-router и гуглоботы, реакт роутер меняет юрл в браузере и только, но ведь гуглоботы переходят по ссылкам использую http клиент, так? Значит все ссылки созданные для нас в браузере будут бессмысленными для гуглобота и СЕО?

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

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

Благодарю) а nextjs подойдёт для сие? динамический роутинг мне нужен, однако

Благодарю) а nextjs подойдёт для сие? динамический роутинг мне нужен, однако

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

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

Снова благодарствую-с

я использую json-server для своего реакт приложения, как правильно реализовать фильтр? GET /posts?title=json-server&author=typicode библиотека предлагает только такое апи, а мне надо не по полному слову искать, а посимвольно может, знаете, как это сделать через json-server, надо ли middleware свой писать для этого?

я использую json-server для своего реакт приложения, как правильно реализовать фильтр? GET /posts?title=json-server&author=typicode библиотека предлагает только такое апи, а мне надо не по полному слову искать, а посимвольно может, знаете, как это сделать через json-server, надо ли middleware свой писать для этого?

author=*ico* пробовал?

author=*ico* пробовал?

да

да

А author*=ico ?

А author*=ico ?

нет, не работает так

нет, не работает так

Значит не судьба

Ребят, есть функциональный компонент, в котором рендерится массив элементов. Элементы приходят из props. Для каждого элемента необходимо держать в памяти его реф. Я делаю примерно это: items.map(el => useRef(null)) Все работает хорошо до тех пор, пока новый массив items не приходит из пропсов (с другим кол-вом элементов). Реакт бросает эксепшн о том, что я неправильно готовлю хуки. В чем моя ошибка?

а что означает Full-text search?

Ребят, есть функциональный компонент, в котором рендерится массив элементов. Элементы приходят из props. Для каждого элемента необходимо держать в памяти его реф. Я делаю примерно это: items.map(el => useRef(null)) Все работает хорошо до тех пор, пока новый массив items не приходит из пропсов (с другим кол-вом элементов). Реакт бросает эксепшн о том, что я неправильно готовлю хуки. В чем моя ошибка?

Хуки нельзя оборачивать во что-то

а что означает Full-text search?

ищет не просто по одному полю, а во всем содержимом объекта

Хуки нельзя оборачивать во что-то

получается мой хотфикс, где я объявляю максимально большой массив с пустыми рефами - единственный вариант работы с useRef?(

получается мой хотфикс, где я объявляю максимально большой массив с пустыми рефами - единственный вариант работы с useRef?(

Думаю да

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

Русская дока Реакта, как я понял, гугл транслитом переведена ?

Русская дока Реакта, как я понял, гугл транслитом переведена ?

зачем вообще читать на русском

зачем вообще читать на русском

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

зачем вообще читать на русском

Действительно

Хуки нельзя оборачивать во что-то

Можно в реакт компоненты)

Русская дока Реакта, как я понял, гугл транслитом переведена ?

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

Русская дока Реакта, как я понял, гугл транслитом переведена ?

Волонтёрами и проверена якобы кем то из тимы

Волонтёрами и проверена якобы кем то из тимы

не трудно догадаться кем

не трудно догадаться кем

Русская дока с питерским акцентом)

Кто в курсе насчет React Templates?

Или фигня?

Кто в курсе насчет React Templates?

а оно надо?

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

а оно надо?

Мне нет, но сказали узнать

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

Попробуй как один

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

Не замарачивайся

кк

спасибо

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

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

хокку правильно пишется

хокку правильно пишется

Хуки

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

В смысле? Это разные вещи. Когда надо, тогда и юзай

В смысле? Это разные вещи. Когда надо, тогда и юзай

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

Всем привет. Вопрос новичка. Кто подскажет какие библиотеки юзаете для валидации форм (React)? Благодарен

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

Контекст мимо. Хоки, хуки и рендер проп это паттерны/походы для инкапсуляции и переиспользования логики в реакт мире, те юзая композицию вам что наследования. В большинстве случаев намного удобнее хуки

Контекст мимо. Хоки, хуки и рендер проп это паттерны/походы для инкапсуляции и переиспользования логики в реакт мире, те юзая композицию вам что наследования. В большинстве случаев намного удобнее хуки

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

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

Какие методы?

да любые, хочу открыть закрыть модалку, вынес в контекст

Всем привет. Вопрос новичка. Кто подскажет какие библиотеки юзаете для валидации форм (React)? Благодарен

https://github.com/jquense/yup

да любые, хочу открыть закрыть модалку, вынес в контекст

Не пойму что ты вынес то

методы закрытия, открытия модалки

Всем привет! Изучаю тестирование React/Redux/Redux-saga и так далеее. Протестировал саги для логина. Поскольку я новичок в этом деле, то в моих тестах наверняка найдётся куча ошибок. Пожалуйста, поругайте меня, укажите слабые места в тестах. Чтобы вы убрали или добавили и так далее? 1) Файл с сагами логина: https://github.com/psywalker/React-Photo-Listing-Demo/blob/test-components/src/sagas/login.js 2) Файл с тестами: https://github.com/psywalker/React-Photo-Listing-Demo/blob/test-components/src/sagas/login.test.js 3) Скриншот с покрытием показывает 100%-е покрытие, но вряд ли это о чём-то говорит в моём случае. http://joxi.ru/EA4dLgVUoa0GlA?d=1.

формик юзает кто? чем setFieldValue отличается от setValues и handleChange, я найти не могу в доке

Там есть все 1) одно значение 2) много 3) ивент

пацаны есть пример прожекта с ипользованием контекстов? useContext хуе мое, вот ето все

методы закрытия, открытия модалки

Контекст мимо. Хоки, хуки и рендер проп это паттерны/походы для инкапсуляции и переиспользования логики в реакт мире, те юзая композицию вам что наследования. В большинстве случаев намного удобнее хуки вчитайся еще разик

Контекст мимо. Хоки, хуки и рендер проп это паттерны/походы для инкапсуляции и переиспользования логики в реакт мире, те юзая композицию вам что наследования. В большинстве случаев намного удобнее хуки вчитайся еще разик

Я в контекст вынес логику и так же успешно переиспользовал, это незаконно?

Я в контекст вынес логику и так же успешно переиспользовал, это незаконно?

ты можешь юзать контекст без рендер пропов или хуков?

Я понял, хук useContext

Всем привет! прошу прощения что сюда скидываю, в js чате не смогли помочь(

Ребят помогите трансформировать массив arr в result

const arr = [ {date: "06.07.2019 03:00", valueA: 1164}, {date: "06.07.2019 04:00", valueA: 22}, {date: "06.07.2019 05:00", valueA: 98}, {date: "06.07.2019 04:00", valueB: 233}, {date: "06.07.2019 05:00", valueB: 233}, {date: "06.07.2019 06:00", valueB: 233}, {date: "06.07.2019 11:00", valueC: 11}, {date: "06.07.2019 12:00", valueC: 2323}, {date: "06.07.2019 13:00", valueC: 123} ] const result = [ {date: "06.07.2019 03:00", valueA: 1164, valueB: null, valueC: null }, {date: "06.07.2019 04:00", valueA: 22, valueB: 233, valueC: null }, {date: "06.07.2019 05:00", valueA: 1164, valueB: 233, valueC: null}, {date: "06.07.2019 06:00", valueA: null, valueB: 233, valueC: null}, {date: "06.07.2019 11:00", valueA: null, valueB: null, valueC: 11}, {date: "06.07.2019 12:00", valueA: null, valueB: null, valueC: 2323}, {date: "06.07.2019 13:00", valueA: null, valueB: null, valueC: 123} ]

Вот уже есть некий результат, но не совсем тот

Вот в общем доделал, но теперь надо отфильтровать массив, убрав совпадающие даты, но так, чтобы заменить null на значение из совпадающей даты

или вот с читабельными датами. Это скрины уже с реальными данными. Но можно ориентироваться на тестовые arr и result

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

Неплохой вариант - парсить dto-шки в ts интерфейсы

Неплохой вариант - парсить dto-шки в ts интерфейсы

😰 как много непонятных слов

hi guys

may you help me whith this animation in react ks

hi guys

English club 2 block upstairs

как я могу сделать эту анимацию в реакции

обычный css

😰 как много непонятных слов

В общем посмотрите Reinforced.Typing tools