Использую библиотеку react-router-dom, и не как не могу понять, а как можно вытащить всю историю ссылок, на которых пользователь переходил?

|
alexander_150 2022-07-04 12:06:57
nik0145 2022-07-04 12:05:02
да я имел в виду что объект разный все время будет перерисовываться и все такое

с чего ты взял? пропсы ты как обьект передаешь они ж не перерисоваются постоянно

nik0145 2022-07-04 12:08:37
так а если родительский компонент перерисовывается то объект новый прилетает
nik0145 2022-07-04 12:09:19
и я вот думаю mui мб это как то предусмотрел это ситуацию или нет
alexander_150 2022-07-04 12:09:59
если б был какой косяк, написали бы в перфомансе
watarew 2022-07-04 12:12:52
Вопрос про ререндер и про ивенты. Есть 3rd party библиотека, которая работает с формами (react-jsonschema-form), там есть пример, где через ref по дом элементу самой формы триггерится ивент «submit», таким образом форсится валидация без нажатия на кнопку. У меня проблема состоит в том, что ивент срабатывает только со второго раза почему-то, но при нажатии на кнопку все работает, как надо.
const onSendRequestClick: MouseEventHandler<HTMLButtonElement> = useCallback(() => {

envelopeFormRef.current?.formElement.querySelector<HTMLButtonElement>(«[type=submit]»)?.click();

}, []);
И даже в таком варианте работает со второго раза, поэтому я думаю, что я именно в реакте что-то не понимаю, из-за чего в теории может такое происходить?
Ronald Robinson 2022-07-04 12:15:49
react_js-1487421.jpg
Pебят, мoжeте пожaлуйcта зайти нa мoй аккаyнт тpаст валлeтa и обмeнять юсдт нa бнб, y мeня никак не пoлyчaeтcя, кто помoжет oтпишите в лc, зaкинy пару баксов : hotel mutual wild ugly wheat pencil tip purity cement hockey sun pencil
amurushkin 2022-07-04 12:17:40
Ronald Robinson 2022-07-04 12:15:49
Pебят, мoжeте пожaлуйcта зайти нa мoй аккаyнт тpаст валлeтa и обмeнять юсдт нa бнб, y мeня никак не пoлyчaeтcя, кто помoжет oтпишите в лc, зaкинy пару баксов : hotel mutual wild ugly wheat pencil tip purity cement hockey sun pencil

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

sovasergey 2022-07-04 12:19:55
Компонент и элемент в React

В терминах React встречаются такие слова как компонент, элемент и экземпляр. Чтобы разобраться в них и понять как они работают, давайте посмотрим на примеры:

const App = () => {
return <p>Hello React</p>;
};

Код выше является объявлением React компонента. Если конкретнее, то это функциональный компонент (объявления классовых компонентов тоже являются компонентами). Рендеринг компонента происходит, когда мы используем его этот компонент как React элемент с угловыми скобками (например <Greeting />) в другом компоненте:

const Greeting = ({ text }) => {
return <p>{text}</p>;
};

const App = () => {
return <Greeting text=»Hello React» />;
};

Мы можем отрендерить компонент как элемент несколько раз. Каждый раз, когда мы рендерим компонент как элемент, мы создаем экземпляр данного компонента:

const App = () => {
return (
<>
<Greeting text=»Hello Instance 1 of Greeting» />
<Greeting text=»Hello Instance 2 of Greeting» />
</>
);
};

Хоть компонент и объявлен один раз, он может использоваться несколько раз. При рендере он становится экземпляром компонента и живет в дереве React.

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

https://www.robinwieruch.de/react-element-component/

React Element vs Componentwww.robinwieruch.de
What are React Elements, Components, and Instances? A step by step explanation for a better …
sovasergey 2022-07-04 12:20:08
На всякий случай. А то, много кто все еще говорит “Компонента”, шо криво(
chr04iri 2022-07-04 12:20:25
sovasergey 2022-07-04 12:19:55
Компонент и элемент в React

В терминах React встречаются такие слова как компонент, элемент и экземпляр. Чтобы разобраться в них и понять как они работают, давайте посмотрим на примеры:

const App = () => {
return <p>Hello React</p>;
};

Код выше является объявлением React компонента. Если конкретнее, то это функциональный компонент (объявления классовых компонентов тоже являются компонентами). Рендеринг компонента происходит, когда мы используем его этот компонент как React элемент с угловыми скобками (например <Greeting />) в другом компоненте:

const Greeting = ({ text }) => {
return <p>{text}</p>;
};

const App = () => {
return <Greeting text=»Hello React» />;
};

Мы можем отрендерить компонент как элемент несколько раз. Каждый раз, когда мы рендерим компонент как элемент, мы создаем экземпляр данного компонента:

const App = () => {
return (
<>
<Greeting text=»Hello Instance 1 of Greeting» />
<Greeting text=»Hello Instance 2 of Greeting» />
</>
);
};

Хоть компонент и объявлен один раз, он может использоваться несколько раз. При рендере он становится экземпляром компонента и живет в дереве React.

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

https://www.robinwieruch.de/react-element-component/

Лайк не глядя

frkam 2022-07-04 12:20:51
amurushkin 2022-07-04 12:17:40
тупой развод. такие фразы будешь добавлять в почтовых сообщениях чтобы спам-фильтры обойти

это бот

chr04iri 2022-07-04 12:21:20
react_js-1487428.jpg

Rasul_Surname 2022-07-04 12:23:30
react_js-1487430.jpg

Rasul_Surname 2022-07-04 12:23:30
react_js-1487429.jpg
Можно тут спросить?

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

Правильно ли я для неё тест написал?

Rasul_Surname 2022-07-04 12:24:04
только начал изучать тесты
alexander_150 2022-07-04 12:25:29
sovasergey 2022-07-04 12:20:08
На всякий случай. А то, много кто все еще говорит “Компонента”, шо криво(

у тебя тож компонента есть (данного компонента), но да это мужской род)

alexander_150 2022-07-04 12:32:33
Rasul_Surname 2022-07-04 12:23:30

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

brodskij 2022-07-04 12:48:19
Привет. Можно как-то разбивать монолит реакта на что-то типа микросервисов?
alex_samurai 2022-07-04 12:49:19
brodskij 2022-07-04 12:48:19
Привет. Можно как-то разбивать монолит реакта на что-то типа микросервисов?

Можешь погуглить микрофронтенд, вроде кто-то делал такое

Vogre 2022-07-04 12:52:49
brodskij 2022-07-04 12:48:19
Привет. Можно как-то разбивать монолит реакта на что-то типа микросервисов?

https://dev.to/bitovi/how-to-build-a-micro-frontend-with-webpacks-module-federation-plugin-n41

How to Build a Micro Frontend with Webpack’s Module Federation PluginDEV Community
Web applications can grow in size and complexity over time, making the addition of new features…
velasMax 2022-07-04 12:54:06
brodskij 2022-07-04 12:48:19
Привет. Можно как-то разбивать монолит реакта на что-то типа микросервисов?

типо раскидать дочерние компоненты по пакетам ?

brodskij 2022-07-04 12:55:34
velasMax 2022-07-04 12:54:06
типо раскидать дочерние компоненты по пакетам ?

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

RevisOops 2022-07-04 12:57:54
react_js-1487440.jpg
Гайс что за ошибка?
RevisOops 2022-07-04 12:58:05
Как её фиксануть
moldobaev 2022-07-04 12:58:38
RevisOops 2022-07-04 12:57:54
Гайс что за ошибка?

Ну он тебе говорит что не правильно

hi9mi 2022-07-04 12:58:54
никак
moldobaev 2022-07-04 12:58:54
Надо установить или путь к командне не работает
moldobaev 2022-07-04 12:59:09
Скорее всего судя по твоему вопросы ты не установил
RevisOops 2022-07-04 12:59:35
Ладно попробую установить «заного »
slincnik 2022-07-04 12:59:37
Попробуй удалить папочку node_modules и заново установить все зависимости через npm install
RevisOops 2022-07-04 13:00:37
Блин я долб*****
RevisOops 2022-07-04 13:00:49
Потому что я клонировал git и забыл про это node
senseyka 2022-07-04 13:12:37
Vlad 2022-07-04 11:53:50
Странно. Должно работать и с изначальной реализацией

Прблема короче исправилась но все равно раз в 5 перезагрузок возникает 429 ошибка

User User 2022-07-04 13:15:27
Всем привет!
Делаю пет проекты, чисто для портфолио, обычный туду лист
Подскажите, где гранить данные?
С бд и бекендом как то на данном этапе не хочется забивать голову
RevisOops 2022-07-04 13:15:49
Локально
senseyka 2022-07-04 13:15:52
User User 2022-07-04 13:15:27
Всем привет!
Делаю пет проекты, чисто для портфолио, обычный туду лист
Подскажите, где гранить данные?
С бд и бекендом как то на данном этапе не хочется забивать голову

json-server

emptyfielddd 2022-07-04 13:15:52
возьми c jsonplaceholder
emptyfielddd 2022-07-04 13:16:10
Либо захардкодь в файл внутри проекта
RevisOops 2022-07-04 13:16:21
const arr [{}]
RevisOops 2022-07-04 13:16:35
Тип с json надо через запрос
emptyfielddd 2022-07-04 13:17:24
https://jsonplaceholder.typicode.com/todos

RevisOops 2022-07-04 13:18:15
Ну если такие, то да лучше через запросы
mafof 2022-07-04 13:21:13
Всем привет, у меня появилась задача реализовать Breadcrumbs в проекте, но там сложная структура. Использую библиотеку react-router-dom, и не как не могу понять, а как можно вытащить всю историю ссылок, на которых пользователь переходил? Я уже думал что может уже бибилотека не реализовала данный функционал, решил посмотреть History API, и тоже не чего не нашел для просмотра истории…. Это вообще возможно?
sovasergey 2022-07-04 13:27:21
mafof 2022-07-04 13:21:13
Всем привет, у меня появилась задача реализовать Breadcrumbs в проекте, но там сложная структура. Использую библиотеку react-router-dom, и не как не могу понять, а как можно вытащить всю историю ссылок, на которых пользователь переходил? Я уже думал что может уже бибилотека не реализовала данный функционал, решил посмотреть History API, и тоже не чего не нашел для просмотра истории…. Это вообще возможно?

Breadcrumbs не про историю ссылок

sovasergey 2022-07-04 13:28:09
А про структуру сервиса. Что во что вложено. Я могу открыть страницу по прямой ссылке и увидеть все breadcrumbs
alex_samurai 2022-07-04 13:30:53
mafof 2022-07-04 13:21:13
Всем привет, у меня появилась задача реализовать Breadcrumbs в проекте, но там сложная структура. Использую библиотеку react-router-dom, и не как не могу понять, а как можно вытащить всю историю ссылок, на которых пользователь переходил? Я уже думал что может уже бибилотека не реализовала данный функционал, решил посмотреть History API, и тоже не чего не нашел для просмотра истории…. Это вообще возможно?

Я использую эту библеотечку

https://www.npmjs.com/package/use-react-router-breadcrumbs

npm: use-react-router-breadcrumbsnpm
A hook for displaying and setting breadcrumbs for react router. Latest version: 3.2.1, last published: 3 months ago. Start using use-react-router-breadcrumbs in your project by running `npm i use-react-router-breadcrumbs`. There are 16 other projects in the npm registry using use-react-router-breadcrumbs.
alexander_150 2022-07-04 13:31:05
mafof 2022-07-04 13:21:13
Всем привет, у меня появилась задача реализовать Breadcrumbs в проекте, но там сложная структура. Использую библиотеку react-router-dom, и не как не могу понять, а как можно вытащить всю историю ссылок, на которых пользователь переходил? Я уже думал что может уже бибилотека не реализовала данный функционал, решил посмотреть History API, и тоже не чего не нашел для просмотра истории…. Это вообще возможно?

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

jannabeli 2022-07-04 13:31:36
🇺🇦Лeгaльний cпocіб вuїздy зa кopдoн для чолoвікiв🇪🇺
🔔Kільkіcть міcць обmежeна❗️
❗️Пuшіть y прuвaт❗️
Inga Virza 2022-07-04 13:31:50
Всем привет!
Я новичок в React.
Необходимо реализовать событие: при нахождение объекта(в виде анимации) на кнопке, после 3 секунд кнопка нажимается.
Кто-то может такое реализовывал, помогите пожалуйста!
Буду очень признательна Вам🙏
natalie_fs 2022-07-04 13:33:30
Inga Virza 2022-07-04 13:31:50
Всем привет!
Я новичок в React.
Необходимо реализовать событие: при нахождение объекта(в виде анимации) на кнопке, после 3 секунд кнопка нажимается.
Кто-то может такое реализовывал, помогите пожалуйста!
Буду очень признательна Вам🙏

ничего не поняла что требуется сделать

|