Kostya
Да вот зачем придумали роутинг в том числе и вреакте? Чтоб тебе скинули ссылку и ты с этой ссылкой попал в нужное состоние страницы. Как это делать?
Alexander
Да вот зачем придумали роутинг в том числе и вреакте? Чтоб тебе скинули ссылку и ты с этой ссылкой попал в нужное состоние страницы. Как это делать?
Ну в реакте подключи вот это:
https://reacttraining.com/react-router/
И там в апи посмотри как создавать роуты. У тебя под каждый отдельный роут будет отдельный компонент.
Kostya
а видишь ли изменению url не реагирует на саму страницу((((
Alexander
а видишь ли изменению url не реагирует на саму страницу((((
Ну значит ты с либой не разобрался. Ты спросил как такое делается, я показал тебе инструмент.
Если ты про него знаешь и уже с ним пробовал, тогда покажи код, чтобы может быть я увидел что с ним не так.
Илья | 😶☮️🐸
Kostya
Kostya ты bahнул ?
Да не реально выщел из себя просто) есть модуль который позволяетделать такие вещи https://github.com/bripkens/connect-history-api-fallback он умя работал яничего не менял теперь не работает(((
Alexander
Да не реально выщел из себя просто) есть модуль который позволяетделать такие вещи https://github.com/bripkens/connect-history-api-fallback он умя работал яничего не менял теперь не работает(((
Чел, ты зачем вопрос по экспрессу в конфе по реакту спрашиваешь?
Alexander
Тебе ведь уже ответили @nodejs_ru
Kostya
ну может кто сталкивалсяс подобной проблемой здесь! Я как понимаю роутинг в реакте сделали чтобы перенаправлять пользователя по странице. Неужели нет общего решение чтоб можно была вставлять адресс и получать новое состоние!
Dmitry
Alexander
Роутинг в реакте - роутинг в реакте, он слабо связан с роутингом на сервере.
Роутинг в реакте просто подставляет тебе правильные компоненты в зависимости от URL и делает так, что это работает правильно с History API в браузере.
Роутинг на сервере - адреса, по которым ты будешь получать свои апишки, куда ты будешь слать запросы.
Alexander
Роутинг в реакте - роутинг в реакте, он слабо связан с роутингом на сервере.
Роутинг в реакте просто подставляет тебе правильные компоненты в зависимости от URL и делает так, что это работает правильно с History API в браузере.
Роутинг на сервере - адреса, по которым ты будешь получать свои апишки, куда ты будешь слать запросы.
У тебя в браузере может быть открыто /page1/name, а на сервер ты в этот момент будешь отправлять запрос по адресу /api/resourse228
Слабо связано короче.
Alexander
Сечёшь?
Frontend Priest
ну может кто сталкивалсяс подобной проблемой здесь! Я как понимаю роутинг в реакте сделали чтобы перенаправлять пользователя по странице. Неужели нет общего решение чтоб можно была вставлять адресс и получать новое состоние!
Ты явно не вкуриваешь, как работает роутинг в целом. Почитай доку своих инструментов, почитай устройство http и tcp/ip стека, потыкай разные роутеры на ноде - понимание придёт почти само.
Kostya
ну а я о чем гворю? Вот у мя интернет магазин мне кинули ссылку(роут) я хочу посмотерть что ща товар! Я скопированный роут вставляю авадресную строку и получаю сannot get!
Andrey
не, ну он точно дунул
Alexander
царство небесное
Dmitriy
аминь
Sergey
ну а я о чем гворю? Вот у мя интернет магазин мне кинули ссылку(роут) я хочу посмотерть что ща товар! Я скопированный роут вставляю авадресную строку и получаю сannot get!
блять, чувак, твой сервер должен перенаправлять ВСЕ запросы (суть, адреса и параметры) на index.html! Включи мозг.
Sergey
ну а я о чем гворю? Вот у мя интернет магазин мне кинули ссылку(роут) я хочу посмотерть что ща товар! Я скопированный роут вставляю авадресную строку и получаю сannot get!
для nginx выглядит так:
location / {
index /index.html;
try_files $uri $uri/ /index.html$is_args$args;
}
для своего сервера — сам
ipos
ну, все, все, пожалуйста, хватит
ipos
что не так?
какие-то отвлеченные от реакта темы и решение типовых задач, что сложно погуглить или на stackoverflow поискать? я ожидал в этом канале получения другой информации, приходится пролистывать овер100 сообщений, опасаясь не пропустить что-либо важное
Sergey
какие-то отвлеченные от реакта темы и решение типовых задач, что сложно погуглить или на stackoverflow поискать? я ожидал в этом канале получения другой информации, приходится пролистывать овер100 сообщений, опасаясь не пропустить что-либо важное
важное? очередной срач про стейт-менеджеры? Я не вижу чтоб тут было написано “чат для важных вопросов про стейт-менеджеры“
ipos
важное? очередной срач про стейт-менеджеры? Я не вижу чтоб тут было написано “чат для важных вопросов про стейт-менеджеры“
нет, ну скажем какие-нибудь интересные либы реактовские, бест практиклс, статеечки, подходы, про стейт менеджеры тоже интересно, но чтоб было аргументированно. недавно наткнулся на статью одного из участников канала про организацию структуры приложения https://sova.dev/ru/application-structure/, довольно интересно, но интересно как он пришел к такой структуре и почему такая. хочу узнать как у других организованы приложения.
Sergey
нет, ну скажем какие-нибудь интересные либы реактовские, бест практиклс, статеечки, подходы, про стейт менеджеры тоже интересно, но чтоб было аргументированно. недавно наткнулся на статью одного из участников канала про организацию структуры приложения https://sova.dev/ru/application-structure/, довольно интересно, но интересно как он пришел к такой структуре и почему такая. хочу узнать как у других организованы приложения.
Ну вот тебе от самого Дэна руководство, буду и тебе полезен:
https://react-file-structure.surge.sh/
ipos
😕
Sergey
Там что-то с вёрсткой случилось, раньше фраза прям в центре была. Ну да ладно.
Dmitriy
Там что-то с вёрсткой случилось, раньше фраза прям в центре была. Ну да ладно.
недодвигал денчик или передвигал
Dmitriy
сделал так, как ему нравится
Может просто PR принял? А кто то решил в контрибьюторы попасть... ну все как всегда)
Seva
кто юзает vim плагин в webstorm ?
Frontend Priest
Извращенцы
Виктория U
Alexander
кто юзает vim плагин в webstorm ?
Сначала надо научиться писать код со скоростью света, чтобы окупить время на приучение к этой параше
Dmitriy
Как сделать что б cra трансформило код для нормальных и евергрин браузеров?
Cenator 🐈
Как сделать что б cra трансформило код для нормальных и евергрин браузеров?
Менять browserslist скриптом
Dmitriy
Менять browserslist скриптом
так я хочу что б оно понимало что мои таргеты поддерживают type="module"
Dmitriy
Менять browserslist скриптом
https://philipwalton.com/articles/deploying-es2015-code-in-production-today/
блиин там еще с сафарями 10 есть траблы
🦜
ненене, внутри реакта только сам реакт
да он и сам по себе шаблонизатор
Такой вопрос может возникнуть только у человека, который вообще не читал документацию реакта и видя jsx, думает, что можно заменить такой синтаксис описания вызовов Реакт функций в другом виде
🦜
кек
учитывая что wouter не может в конфиг, это так себе замена
Эх, ща бы везде свои вкусы субъективные пропихивать
Roma
нет, по файлам не знаю.
он там работает только в рамках текущего октрытого окна.
про ideavim же говорим?
Seva
:c
Roman
кто-то делал библиотеки, которые не делают билд, а паблишат исходники? есть варианты, как рузрулить пути внутри библиотеки, чтоб не бегать через ../../?
Frontend Priest
Frontend Priest
Если не ошибаюсь, он ищет ближайший package.json и ресолвит оттуда. В серверной части приемлемо, но я хз как это будет работать с фронтовыми либами
Roma
Frontend Priest
Можно же запилить элементарный конфиг и руками преобразовать его в jsx месиво. И типизировать это всё. А сверху мазиком полить.
Roma
кто-то делал библиотеки, которые не делают билд, а паблишат исходники? есть варианты, как рузрулить пути внутри библиотеки, чтоб не бегать через ../../?
Ещё как вариант сделать индексные Файлы с импорт/экспорт
Ещё как вариант lerna js возможно подойдёт
shatmanalive
Есть следующая проблема: у меня есть список картинок, при нажатии на определенную картинку, показываются детали картинки. Есть кнопка добавления картинки в избранные, но она находится в отдельной компоненте. Вопрос: как связать кнопку с картинкой и добавить ее в избранные?
S
saga или thunk в redux? Какой из них чаще в компаниях встречается?
Farik
Можно ли с дочернего компонента обновить app.js
Vyacheslav
Можно ли с дочернего компонента обновить app.js
в общем случае это жеское нарушение логики и архитектуры, но если так надо то то можешь в дочернем изменить стейт от которого зависит твой app.js компонент
Alexandr
Привет всем, кто с mobx работает подскажите пжлст. Есть observable массив, как из него удалить элемент, так чтобы это повлекло за собой ререндер. Нашел в доке .remove, не очень понятно как он работает и подходит вообще или нет.
Viktor
Alexandr
с помощью .filter по идее же можно
ага, есть id по которому нужно удалить, ищу элемент массива через фильтр, а дальше что не понятно. обычный splice не обновляет страницу
Sergey
Можно же запилить элементарный конфиг и руками преобразовать его в jsx месиво. И типизировать это всё. А сверху мазиком полить.
ога, ручками всё делать, чего бы нет
Sergey
guard'ы тоже руками будем делать, ибо роутер не может из коробки.
потому я и делаю нормальный роутер
Alexandr
Roman
Roman
Ещё как вариант сделать индексные Файлы с импорт/экспорт
Ещё как вариант lerna js возможно подойдёт
индексный файл не поможет, так как разные компоненты друг друга еще вызывают и как раз там и будут ../../
лерна тоже не - это не монорепа
Александр
Александр
проверка можно ли переходить в роут, до рендера компонента
Для роутов требующих авторизацию, например?
Sergey
например, да
Александр
А ваш роутер можно где-то глянуть?
nnbphkqujhjkynr
Подскиньте плиз пример, где можно на кнопку сабмита формы навесить модалку
Желатенльно какую то респонстную
Farik
Dmitriy
Совпадение? Не думаю ...
Anonymous
Доброе всем утро, в этой группе работу и вакансии обсуждают?
Андрей