можно еще ref заюзать

Ого, наконец-то люди useUnmount.

получается это работа с dom, проверить есть ли что-то и тогда уже использовать загрузку?

не, данные в ридаксе

можно еще ref заюзать

смотреть есть ли current

не совсем понимаю, как это должно работать? const isPageLoaded = useRef(isPageLoaded); ?

что-то типа const isInitialMount = useRef(true); useEffect(() => { if (isInitialMount.current) { isInitialMount.current = false; } else { // Your code } });

что-то типа const isInitialMount = useRef(true); useEffect(() => { if (isInitialMount.current) { isInitialMount.current = false; } else { // Your code } });

мм, интересно, спасибо

Ого, наконец-то люди useUnmount.

Что люди useUnmount?

В нормальный вид приводить начали в библиотеках.

Не подскажите почему при запуске npx create-react-app application --typescript установка пакетов прошла через ярн? и после предложили команды для ярна. Мне теперь придеться через ярн устанавливать доп пакеты?

Не подскажите почему при запуске npx create-react-app application --typescript установка пакетов прошла через ярн? и после предложили команды для ярна. Мне теперь придеться через ярн устанавливать доп пакеты?

--use-npm

спасибо

чем yarn не угодил, на машине он установлен у вас

--use-npm

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

чем yarn не угодил, на машине он установлен у вас

я понимаю, что установлен. Но не в данном случаи. Собираю монорепу, некогда писать под каждый пакет сборки. Решил попробовать cra. И там везде npm.

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

не смогу ответить на ваш вопрос, не в курсе)

не смогу ответить на ваш вопрос, не в курсе)

блин, это боль. Если хочу добавить входные скрипты, не пойму как добавить вызов через link скрипт с хешом в названии

блин, это боль. Если хочу добавить входные скрипты, не пойму как добавить вызов через link скрипт с хешом в названии

а для чего хэш? скрипты часто меняются?

а для чего хэш? скрипты часто меняются?

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

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

ну только руками, типа script.js?1 ?2 ?3...

хи

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

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

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

Серьезно? Первая ссылка в гугле

Серьезно? Первая ссылка в гугле

поделись))

а видел видел. но это если использовать их енв. ду ду

все равно придется где-то наращивать значение

а видел видел. но это если использовать их енв. ду ду

А в чём проблема? На билде можно создавать .env на лету. С вашими хешиками.

Это же просто текстовый файл

круто, спасибо за инфу

А в чём проблема? На билде можно создавать .env на лету. С вашими хешиками.

блин, было глупое ограничение, сделал инасе и забыл. А не подскажешь, сложный кейс, на реакт роут, как его лучше решить. прим структура: site/dir1 site/dir2 site/cat site/cat/:catId если чувак ходит по урл. и проходит /cat => '/cat/100` то я рисую контент кота в модалке. А если по прямой ссылке перешли на /cat/100 то на весь экран всраиваю. У меня две идеи, либо парсить хистори апи и проверять находися ли в каталоге котов, что показываем в модалке или рисует на весь контент. Либо.. есть что то полегче? Вариант с парсингом оч замудренный, много вариантов нужно будет сравнивать

мб создать хук, который будет связан с useRouteMatch и чекать пути, если вышли из связки каталога котов, то любой... во осенило меня!)

решение в бизнес требованиях. не нужно надумывать себе лишнее

А в чём проблема? На билде можно создавать .env на лету. С вашими хешиками.

это когда вставлять баш скрипты в енв? =((

Привет всем, подскажите пожалуйста, у меня есть библиотека графических компоненетов rsuite и библиотека для роутинга react-dom-router, когда я оборачиваю графический элемент в компонент Link из библиотеки роутинга, на него применяются стили из неё, как-то возможно их полностью игнорировать? Буду очень благодарен за ответ.

ну не оборачивай их

ну не оборачивай их

а как тогда быть с роутингом?

Всем привет. Написал сайт на реакте. Для роутинга использую react-router-dom. Все работает хорошо, но когда юзер набирает site.com/contacts/ выдаётся ошибка 404. Ведь чтобы перейти на компонент /contacts/ нужно открыть index.html сперва. Как можно исправить это положение? Как сделать чтобы когда юзер набирал site.com/contacts/ сразу показывался компонент contacts?

Всем привет. Написал сайт на реакте. Для роутинга использую react-router-dom. Все работает хорошо, но когда юзер набирает site.com/contacts/ выдаётся ошибка 404. Ведь чтобы перейти на компонент /contacts/ нужно открыть index.html сперва. Как можно исправить это положение? Как сделать чтобы когда юзер набирал site.com/contacts/ сразу показывался компонент contacts?

Ты через пропсы получаешь slug страницы?

Всем привет. Написал сайт на реакте. Для роутинга использую react-router-dom. Все работает хорошо, но когда юзер набирает site.com/contacts/ выдаётся ошибка 404. Ведь чтобы перейти на компонент /contacts/ нужно открыть index.html сперва. Как можно исправить это положение? Как сделать чтобы когда юзер набирал site.com/contacts/ сразу показывался компонент contacts?

Сервер та в курсе что по такому адресу могут прийти? Он должен тот же index отдать что и в корне получается

Ты через пропсы получаешь slug страницы?

Нет вроде)

Сервер та в курсе что по такому адресу могут прийти? Он должен тот же index отдать что и в корне получается

А как его настроить на это?

А как его настроить на это?

А что у тебя для раздачи статики?

А что у тебя для раздачи статики?

Да

Мой вопрос предполагал развернутый ответ ;)

Да

Что да?😅

Что да?😅

Ну тогда нет 🤣

Статический сайт😂

Статический сайт😂

Тебе нужен именно сервак что бы он прослушивал все роуты и отдавал индекс

Статический сайт😂

проблема с тем чтобы отдавать index.html на всё подряд?

где хостишься?

А это может решать задачу?

где хостишься?

Timeweb

где хостишься?

Это имеет разницы?

Это имеет разницы?

да. Там апач?

Щас посмотрю

если что, вот тут разные варианты описаны https://create-react-app.dev/docs/deployment/

Был у кого опыт отрисовки стрелок между разными элементами, есть рабочие либы? Перепробовал то, что нашел, не работают.

Был у кого опыт отрисовки стрелок между разными элементами, есть рабочие либы? Перепробовал то, что нашел, не работают.

типа графы? Статика или интерактив?

чё то дофига в последнее время вопросов об этом)))) Где-то такое тестовое что ли дают?

Статика, 3 кейса стрелка от А к Б, от Б к А и двунаправленная

graphviz -> svg

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

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

насчёт либ хз. Может d3, но там больше на интерактив наверное упор, плюс он жирненький. Выше скинул какая тулза поможет со статикой

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

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

Рисовать надо или с помощью svg или на канвасе. Для обоих вариантов много либ. А вот чтобы именно решать это задачу, не знаю. d3 - это как раз инструмент чтобы почти что угодно нарисовать через svg

Для канваса знаю konvajs с оберткой для реакта

Для канваса знаю konvajs с оберткой для реакта

а зачем там обёртка для реакта?

а зачем там обёртка для реакта?

Чтобы вместо js работать с jsx, насколько я понял. Ну и чтобы автору найти пользователей библиотеки :)

Чтобы вместо js работать с jsx, насколько я понял. Ну и чтобы автору найти пользователей библиотеки :)

использовать jsx для рисования на канвасе 🤔 ну это какой-то изврат как по мне

Посмотри демо, станет понятнее

Посмотри демо, станет понятнее

там обработка событий есть на всё это? Ну тогда норм в принципе

Всё есть, конечно

Для канваса знаю konvajs с оберткой для реакта

Спасибо похоже на что-то дельное

https://youtu.be/ff4fgQxPaO0

Как сделать такую штуку? Есть инпут, куда вводятся цифры. При этом отображаемые в инпуте цифры нужно * на 100. Ввожу 1, отображает 100; 12 -> 1200.

как сделал в итоге?

насчёт либ хз. Может d3, но там больше на интерактив наверное упор, плюс он жирненький. Выше скинул какая тулза поможет со статикой

Д3 должен идти вслед за жиквери

Д3 должен идти вслед за жиквери

Почему?