Material - это требование заказчика или чисто для себя? Если второе, я бы порекомендовал ant design, там документация лучше, больше компонентов и проще кастомизировать их.

А у вас есть опыт работы с antd для адаптивной верстки? Он ведь разделён на antd и antd-mobile и получается для каждой версии приложения (десктоп/мобильная) надо выбрать соответствующий antd.

Я не понимаю зачем люди пишут эти статьи типо «Переходим с редакса на хуки + контекст», по сути делая тоже самое что делали и с редаксом, тот же глобальный стор, те же экшен крейтеры, тот же диспатч, тот же один редусер на все приложение, только ебли больше и девтулзов нет, полная хуйня

А у вас есть опыт работы с antd для адаптивной верстки? Он ведь разделён на antd и antd-mobile и получается для каждой версии приложения (десктоп/мобильная) надо выбрать соответствующий antd.

У анта все компоненты довольно адаптивные. Antd-mobile не пользовался, это судя по описанию для мобильной разработки

Кто нибудь может объяснить зачем?

Кто нибудь может объяснить зачем?

хайп

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

а вот смотри, в определении написано, что не требуется взаимодействия с сервером, это не говорит об обратном?

а вот смотри, в определении написано, что не требуется взаимодействия с сервером, это не говорит об обратном?

откуда этот бред?)

откуда этот бред?)

из доки

тогда если на пыхе сделаю сайт, страницы переключать буду стилями, жсом, он есть спа? жесть

тогда если на пыхе сделаю сайт, страницы переключать буду стилями, жсом, он есть спа? жесть

в чем жесть то?

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

откуда этот бред?)

Почему бред?

юзаю material ui, есть AppBar, в нем есть ToolBar, в котором селект и кнопка, они прижаты к левому краю контейнера, как их сделать по краям?

Пасаны, я почему-то не могу найти нормальный гайд, как сделать treeshacable npm пакет, у меня ui библиотека и при первом же импорте вообще все тянет

ты это проверяешь на деве или на проде?

У анта все компоненты довольно адаптивные. Antd-mobile не пользовался, это судя по описанию для мобильной разработки

Спасибо!

а вот смотри, в определении написано, что не требуется взаимодействия с сервером, это не говорит об обратном?

При переходах ВНУТРИ приложения не производятся запросы к серверу. При переходе по ПРЯМОЙ ссылке (вбиваешь в адресную строку и жмёшь enter) происходит запрос к серверу и сервер должен быть сконфигурирован так, чтобы на любой запрос отвечать index.html’ем.

тогда если на пыхе сделаю сайт, страницы переключать буду стилями, жсом, он есть спа? жесть

Почему жесть? Хоть на крестах делай бэкенд, это не мешает приложению быть спа.

пацыки, а есть годный туториал или книга, которая бы на пальца разъяснила архитектуры mvp,mvc,mvvp?

пацыки, а есть годный туториал или книга, которая бы на пальца разъяснила архитектуры mvp,mvc,mvvp?

https://habr.com/ru/post/215605/

https://habr.com/ru/post/215605/

а нет еще никакого примера проекта на эту тему?

а нет еще никакого примера проекта на эту тему?

да там вроде так разжевано все, что дальше не куда уже

да там вроде так разжевано все, что дальше не куда уже

да вот примеров кода не хватает на js для лучшего усваивания

А в React keys всегда должны быть уникальные? Например, у меня есть два разделителя, которые выглядят одинаково. Могу я им задать одинаковые ключи?

А в React keys всегда должны быть уникальные? Например, у меня есть два разделителя, которые выглядят одинаково. Могу я им задать одинаковые ключи?

Они в одном массиве?

Да

Да

Тогда нельзя.

Тогда нельзя.

Оки. Спасибо.

Наверное глупый вопрос, но в React'е существует two-way binding, который, например, есть во vue.js? В моём понимание вот это вот <input value={inputValue} onChange={(e) => setInputValue(e.target.value)} />уже является таким биндингом, так ли это?

Наверное глупый вопрос, но в React'е существует two-way binding, который, например, есть во vue.js? В моём понимание вот это вот <input value={inputValue} onChange={(e) => setInputValue(e.target.value)} />уже является таким биндингом, так ли это?

во вью объекты можно мутировать

во вью объекты можно мутировать

Вопрос не про вью, вью лишь в качестве примера указан

ну это не двусторонний биндинг то что ты указываешь

ребят, у меня в useEffect меняется 5 разных состояний, что приводит к 5 рендерам. Можно ли как-то разрешить рендер только при изменении конкретной переменной состояния?

ребят, у меня в useEffect меняется 5 разных состояний, что приводит к 5 рендерам. Можно ли как-то разрешить рендер только при изменении конкретной переменной состояния?

В массив dependencies только ее засунуть

ну это не двусторонний биндинг то что ты указываешь

Почему?

Почему?

setInputValue наверняка же setState использует или типа того?

setInputValue наверняка же setState использует или типа того?

Это хук, использует useState

Почему?

Двух сторонний когда указываешь одну сущность и она магически стнхронится в двух местах. А тут же ручками...

Наверное глупый вопрос, но в React'е существует two-way binding, который, например, есть во vue.js? В моём понимание вот это вот <input value={inputValue} onChange={(e) => setInputValue(e.target.value)} />уже является таким биндингом, так ли это?

Это не он, но это используется вместо него, если в 2 словах

Двух сторонний когда указываешь одну сущность и она магически стнхронится в двух местах. А тут же ручками...

Ну я думал что двусторонний биндинг это скорее концепция, а не конкретная "магическая" реализация

Ну я думал что двусторонний биндинг это скорее концепция, а не конкретная "магическая" реализация

Реализация. Со своими плюсами и минусами :(

как-то запутанно, надо почитать побольше про это

Привет!Для чего нужен next.js??

Привет!Для чего нужен next.js??

Привет. Ответ на этот вопрос можешь увидеть в первом результате гугла.

В массив dependencies только ее засунуть

Если стоит eslint-plugin-react-hooks, то будет ругаться и не зря. Лучше отрефакторить useEffect, чтобы не зависел от 5 стэйтов

Если стоит eslint-plugin-react-hooks, то будет ругаться и не зря. Лучше отрефакторить useEffect, чтобы не зависел от 5 стэйтов

Ну вообще да

ребят, у меня в useEffect меняется 5 разных состояний, что приводит к 5 рендерам. Можно ли как-то разрешить рендер только при изменении конкретной переменной состояния?

Оберните несколько setState в ReactDOM.unstable_batchedUpdates() или используйте useReducer для такого комплексного изменения состояния.

Оберните несколько setState в ReactDOM.unstable_batchedUpdates() или используйте useReducer для такого комплексного изменения состояния.

спасибо! да, useReducer подойдет

привет есть идеи зачем помещать dispatch в отельный контекст провайдер?

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

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

А зачем просто диспатч без стейта?

я ж сказал

А зачем просто диспатч без стейта?

Кнопка "Разлогиниться" диспатчнет очистку стейта, но ей самой стейт вообще не нужен

Кнопка "Разлогиниться" диспатчнет очистку стейта, но ей самой стейт вообще не нужен

а даже так, спасибо большое

а не подскажете проектов достаточно больших с открытым кодом, котоыре используют react? Хочу посмотреть на практики в проектах. А то на гитхабе тяжело найти, наверху в основном либы (

Есть задача: ИИ модель на Pytorch задеплоить как чатбот. Как лучше сделать, дайте ссылку на гитхаб лучших решений chat widget. Важно, чтобы в чатботе уже было готово работа с сессиями разных юзеров (чтобы чатбот на ИИ понимал контекст разговора с каждым юзером отдельно). Я нашел решения, хочу спросить мнения. Пока сделал так: задеплоил на flask рест апи, и в него из react виджета чатбота шлю запросы и получаю ответы. То есть сделать сначала: 1) деплой https://pytorch.org/tutorials/intermediate/flask_rest_api_tutorial.html 2) и юзать чат-виджет вроде популярного https://github.com/Wolox/react-chat-widget Но не охота возиться кроме питона еще и с реактом, нет опыта. В общем: нужен React чат виджет, чтобы он получал от юзера сообщение, отправлял мне на сервер в модель, модель обратно отвечала в чате юзеру.

привет есть идеи зачем помещать dispatch в отельный контекст провайдер?

А где ты такое нашёл? Зачем две обертки?

Кнопка "Разлогиниться" диспатчнет очистку стейта, но ей самой стейт вообще не нужен

Еще вопрос: а если мы используем как раз этот диспатч, то посути он обновляет стейт в главном файле, и тогда и сам провайдер с стэйтом обновляет и он же обновляет сам провайдер с диспатчем? И еще, почему просто объявить один провайдер с value={state, dispatch} а допустим на той же самой кнопке просто не использовать state?

А где ты такое нашёл? Зачем две обертки?

сам сейчас пытаюст разобраться )

сам сейчас пытаюст разобраться )

Убери, оставь один, да и все

Да и useState будет достаточно, передай объект с темами, передавай имя просто и все

Да и useState будет достаточно, передай объект с темами, передавай имя просто и все

Ок, просто хочу понять логику того, кто это писал

Ок, просто хочу понять логику того, кто это писал

Выше же объяснили что компонент который использует диспатч не всегда должен обновляться когда обновляется стейт

Выше же объяснили что компонент который использует диспатч не всегда должен обновляться когда обновляется стейт

Так если мы сделали диспатч, то обновился стэйт в главном файле, значит обновился и сам провайдер с диспатчем?

Так если мы сделали диспатч, то обновился стэйт в главном файле, значит обновился и сам провайдер с диспатчем?

Компонент провайдера да, у провайдера есть ещё консьюмер который может быть в сотне мест в приложении и не стригерится на обновление стейта в этом случае

Компонент провайдера да, у провайдера есть ещё консьюмер который может быть в сотне мест в приложении и не стригерится на обновление стейта в этом случае

ну а у компонентов провайдера внутри допустим будут потребители, которые обновятся, потому что сам компонент был обновлен?

Компонент провайдера да, у провайдера есть ещё консьюмер который может быть в сотне мест в приложении и не стригерится на обновление стейта в этом случае

Там два провайдера, ты про какой

ну а у компонентов провайдера внутри допустим будут потребители, которые обновятся, потому что сам компонент был обновлен?

Подразумевается использование PureComponent или React.memo

Ребята, кто работал с react-apollo

Там два провайдера, ты про какой

Про диспатч

Именно с graphql и связаным с ним

Про диспатч

Так что там не поможет, либо все компоненты в мемо обернут или я не так понял?

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

Именно с graphql и связаным с ним

В чем вопрос то?

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

Я ему предлагаю сделать несколько точек входа в вебпаке, и несколько конфигов тем, вести переменные окружения, и подключать в разных сборках, разные компоненты. Он не верит мне что подобная задача так решается

В чем вопрос то?

Хочу отправить mutation запрос с редюсера(мидлваре), хук useMutation отпадает и компонент Mutation так же, как это сделать по-другому?

Я ему предлагаю сделать несколько точек входа в вебпаке, и несколько конфигов тем, вести переменные окружения, и подключать в разных сборках, разные компоненты. Он не верит мне что подобная задача так решается

@MaksimSidorov

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

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

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

Да. Я ему тоже об этом говорю

Я ему предлагаю сделать несколько точек входа в вебпаке, и несколько конфигов тем, вести переменные окружения, и подключать в разных сборках, разные компоненты. Он не верит мне что подобная задача так решается

Ты предлагаешь от переменной собрать, но что бы собрать, нужно руками сделать, если сто доменов, делать руками сто папок под домены к примеру это же хрень