а на rn нет роутеров? ?

конченные роуты просто там

А в чём фишка reach router по сравнению с rr4? У них на сайте непонятно..

А в чём фишка reach router по сравнению с rr4? У них на сайте непонятно..

Это не rr4

не, мне rr4 нравится, я хочу понять, чем привлекателен reach router.

А в чём фишка reach router по сравнению с rr4? У них на сайте непонятно..

вложенные роуты

вложенные роуты

Ухты, прям как в rr3!

Типа что можно в одном месте описать все route'ы?

наоборот

А в чём фишка reach router по сравнению с rr4? У них на сайте непонятно..

Доступность

а, типа не нужно делать ```<Route path={`${match.path}/nested}/>```?

да

А, интересно, там можно сделать рекурсивный Route? Я пока не понял как.

действительно. Сделаю через них

а не вышло. В общем костыль со стором будет по идее

а не вышло. В общем костыль со стором будет по идее

https://t.me/react_js/486877

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

почему не поддерживаемый ? Все же нормально. Кто придумал что это плохо ?

Официальная документация, например

https://t.me/react_js/486877

человеку в нескольких местах нужно будет что то делать что бы добавить новую модалку

Что делать? Послал экшен с данными, она включилась с этими данными

нет. Данные нужно будет сдеалать для модалки не с потолка же брать

Модалку не нужно как JSX каждый раз в каком-то компоненте объявлять. Объяви один раз в корне и подпишись на глобальный флаг в сторе

нет. Данные нужно будет сдеалать для модалки не с потолка же брать

Данные в стор можно

Модалку не нужно как JSX каждый раз в каком-то компоненте объявлять. Объяви один раз в корне и подпишись на глобальный флаг в сторе

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

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

Ну можно как-то так, да

Если много модалок, то просто массив в сторе с объектами, которые описывают данные для модалки

Я так делал - это просто и явно

Если много модалок, то просто массив в сторе с объектами, которые описывают данные для модалки

там же может быть и функция

а это уже говно же и тоже самое что у меня. Нет ?

Если у меня есть какой-то список обьектов, например сотрудников. я его сохраняю в сторе. но есть компоненты, где данные нужно фильтровать по какому-то полю, если обьектов много получается медленно. Дергать постоянно сервер? Или использовать какой-то SQL в барузере. Ткните носом где посомтреть на патерны проектирования?

А как ты сам список объектов обновляешь?

дергаю апи с целым списком

отправляю апдейт на сервер и забираю обновленные данные

Ну тут быстрее чем запускать фильтр в браузере или тягать с сервера никак не получится

Можешь попробовать хешировать по полям, по которым фильтруешь

Годная книга?

1. книга про фронтенд 2. книга на русском вдвойне устарела

https://www.robinwieruch.de/the-road-to-learn-react/

Оригинал обновлён месяц назад

дергаю апи с целым списком

Короче один из вариантов это использовать Trie. В качестве ключей используешь значения полей, по которым фильтруешь, в качестве значений - массив объектов, которые матчат это значение

Короче один из вариантов это использовать Trie. В качестве ключей используешь значения полей, по которым фильтруешь, в качестве значений - массив объектов, которые матчат это значение

Спасибо. Попробую.

Еще погугли про суффиксное дерево и суффиксный массив

И как их можно для построения индексов таких использовать

Оригинал обновлён месяц назад

И перевод обновляется вслед за расширием оригинала

А там какие-нибудь

Какой реакт и вообще программирование без знания английского языка?

Ну начать-то можно и с этой, хотя бы основы будут понятны

Какой реакт и вообще программирование без знания английского языка?

Действительно, надо в 1с

Какой реакт и вообще программирование без знания английского языка?

У меня advanced

У меня advanced

ну и нахрена на русском?

Первое шо нашлось

В этой прям основы-основ, я первую часть листал

Оно ничем не лучше документации по redux

там же может быть и функция

не может...

а если нужно ?

Спасибо, пацаны, два вопроса порешали

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

Ее есть 30 days to React

ERROR: S client not available

а если нужно ?

значит ты что-то не так делаешь

Но ее чёт на трубе нет

значит ты что-то не так делаешь

как не так ? Ну хочешь ты в модалке перейти куда то. Нужен пропс А. Как передать ?

Но ее чёт на трубе нет

Не пиши столбиком

Не пиши столбиком

Хорошо. Это второй чат за всю мою жизнь, где просят писать не столбиком

как не так ? Ну хочешь ты в модалке перейти куда то. Нужен пропс А. Как передать ?

Храни в описании модалки тип экшена и пайлоад к нему, который модалка задеспатчит в нужном случае. Не нужны никакие функции, мысли декларативно

Ее есть 30 days to React

Тебе с твоими вопросами лучше в https://www.goodreads.com/

Ребята, у кого есть годные статьи(видосы) про ssr, скиньте пожалуйста. И еще вопрос next.js сейчас стандарт для ssr? типо как redux для стейт-менеджмента

У кого-нибудь есть ссылки на проекты на реакте, в которых активно используют монады и фп?

У кого-нибудь есть ссылки на проекты на реакте, в которых активно используют монады и фп?

Погугли rxjs с реактом

Там есть пара интересных решений с recompose

допустим у меня есть такой роут <Route exact path="/p/:id/:name" component={Product} />, что означает :id. :name?

Ребят, мб глупый вопрос, но насколько плохо апдейтить компонент через пропсы? То есть <li>{this.props.value} </li>, например. Я постоянно вижу как это делают, но слышал разговоры, что это не сочетается с будущим асинхронным рендерингом. Теперь апдейтить стоит только через состояние или я что-то неправильно понял?

допустим у меня есть такой роут <Route exact path="/p/:id/:name" component={Product} />, что означает :id. :name?

Это параметры

та да, мне было интересно как вытащить их, но уже вытащил так - this.props.match.params.id,

Helmet еще актуален?

Да

tyvm

для чег предназначен react-router?

для чег предназначен react-router?

это роутер

для чег предназначен react-router?

для реакта

Перекличка капитанов в чате :-)

Какие вопросы, такие ответы...

один ответ лучше другого

ну)

Гайз! А подскажте по темке резолва статики, пожалуйста. Сейчас у меня резолвится приложение с любыми доменами и директориями по конвеншену типа /coolapp и за счет относительных путей. Проблема в данном подходе заключается в том, что сейчас не получается использовать вложенные пути на фронте, например https://domain.com/any/sub/dir/coolapp/create-table/lalalala будет тянуть статику с директории create-table, хотя она отдаётся с корня приложения. Есть два решения проблемы: 1. Use absolute paths on the Frontend Минус: потребуется использовать профили под каждое окружение куда будет деплоится приложение. Усложнится поддержка деплоймента 2. Serve static from any sub-directory on the backend. Минус: скорее всего браузер будет повторно грузить те же файлы статики на всех новых вложенных путях? Что посоветуете по настройке резолва статики и да у меня create-react-app без eject

Гайз! А подскажте по темке резолва статики, пожалуйста. Сейчас у меня резолвится приложение с любыми доменами и директориями по конвеншену типа /coolapp и за счет относительных путей. Проблема в данном подходе заключается в том, что сейчас не получается использовать вложенные пути на фронте, например https://domain.com/any/sub/dir/coolapp/create-table/lalalala будет тянуть статику с директории create-table, хотя она отдаётся с корня приложения. Есть два решения проблемы: 1. Use absolute paths on the Frontend Минус: потребуется использовать профили под каждое окружение куда будет деплоится приложение. Усложнится поддержка деплоймента 2. Serve static from any sub-directory on the backend. Минус: скорее всего браузер будет повторно грузить те же файлы статики на всех новых вложенных путях? Что посоветуете по настройке резолва статики и да у меня create-react-app без eject

а index.html где находится в этом пути?

Гайз! А подскажте по темке резолва статики, пожалуйста. Сейчас у меня резолвится приложение с любыми доменами и директориями по конвеншену типа /coolapp и за счет относительных путей. Проблема в данном подходе заключается в том, что сейчас не получается использовать вложенные пути на фронте, например https://domain.com/any/sub/dir/coolapp/create-table/lalalala будет тянуть статику с директории create-table, хотя она отдаётся с корня приложения. Есть два решения проблемы: 1. Use absolute paths on the Frontend Минус: потребуется использовать профили под каждое окружение куда будет деплоится приложение. Усложнится поддержка деплоймента 2. Serve static from any sub-directory on the backend. Минус: скорее всего браузер будет повторно грузить те же файлы статики на всех новых вложенных путях? Что посоветуете по настройке резолва статики и да у меня create-react-app без eject

Статику лучше отдавать по абсолютным урлам. Относительноэые урлы сложнее поддерживать. Если ты поменяешь адрес страницы, то и ссылка на статику изменится. Даже если ты разрулишь это средствами nginx'а, браузер всё равно не сможет взять её из кэша и полезет на сервер, ибо урл другой. И да, нодой статику отдавать так себе затея, если ты вдруг собирался это делать.