Sergey
хотя насчёт последних версий хз. Это я о первом если что
fedodd
spa на react. в вебпак конфиге подключение стилей через модули, соответственно названия классов меняются посе импорта. Как мне подключить css файл сторонней библиотеки без изменений, как есть? есть библоитека surveyjs которая генерит мне новые компоненты, css-классы не меняются. Остальные css файлы хочу подключать как модули.
Sergey
На ангуляре можно писать чисто и красиво. ) Первый не в счет.
а можно самому выбирать как побить систему на части? Вроде всё равно нет
Ivan
мне вот кстати показалось что возможно это и у функций было. Или это только про propTypes 🤔
точно, есть такое я уже и забыл — старый стал видимо, ТС просто что-то не так делает у меня всё работает https://codesandbox.io/s/brave-dawn-xeh1c
voix
а можно самому выбирать как побить систему на части? Вроде всё равно нет
Можно даже писать декларативно в хтмл шаблонах, как предлагает лис с его ngxf ).
Oleg
нормальная практика писать такие роуты? чтоб не городить то, что закоменчено
Oleg
fedodd
в лоадере настроить какой-нибудь суффикс перед расширением. Посмотрите в create-react-app как сделано
спасибо! в соседней ветке еще посоветовали просто в паблике в index.html добавить, библиотека как раз уже минифицированный файл предлагает. Но про этот метод на будущее тоже почитаю
Ivan
В условном элме об этом не приходится париться особо. Просто пишешь код, потом без усилий рефакторишь, когда становится неудобно. Разумеется, потом узнаешь, что некоторые вещи делаются проще, но попасть в ситуацию, где у тебя все перепутано, сильно связанно и вообще все тлен практически невозможно.
(при чтении заменяй «Инцидент» и «Сообщение» на названия любых сущностей в своей системе) интересно, как условный элм помогает отделить Инциденты от Сообщений, привязанных к инциденту по ссылке, при учёте, что при создании Инцидента валидировать нужно только Инцидент, а при редактировании — Инцидент и Сообщения. а при закрытии Инцидента — валидировать нужно только Сообщения в элме есть какая-то специальная штука для этого, да?
🦜
для этого был создан react-router-config
Ivan
Я не понимаю описанной абстракции 🤯
какой-то достаточно простой абстрактный кусок бизнес-логики вы выше писали «В условном элме об этом не приходится париться особо» (о разбиении мысленно системы на части) мне хотелось бы услышать, как условный элм помогает не париться об организации бизнес-логики. ну или, как вариант, услышать от вас что-то вроде «да, это я спорол сгоряча, херню сказал»
js - one love
✋ как изменить state после после определенного времени
voix
какой-то достаточно простой абстрактный кусок бизнес-логики вы выше писали «В условном элме об этом не приходится париться особо» (о разбиении мысленно системы на части) мне хотелось бы услышать, как условный элм помогает не париться об организации бизнес-логики. ну или, как вариант, услышать от вас что-то вроде «да, это я спорол сгоряча, херню сказал»
Как же я могу описать какой-то абстрактный кейс, который не совсем понимаю? Архитектуру приложения(TEA) и обработку сайд эффектов предоставляет язык, все остальное просто чистые функции и говорить на языке абстракций, которые могут сильно отличаться в разных языках не очень эффективно.
voix
ну так на этих чистых функциях вам нужно написать, допустим, мегабайт бизнес-логики, например нужно же париться об архитектуре, так ведь?
Зачем? Разве что о том, как красивее разбить на модули, но даже это не обязательно. Это просто чистые функции, что с них взять?
voix
Архитектура-то обычная от языка - TEA. Редакс на максималках.
Ivan
Зачем? Разве что о том, как красивее разбить на модули, но даже это не обязательно. Это просто чистые функции, что с них взять?
вот так 10 человек садятся писать чистые функции, а через полгода обнаруживают 17 реализаций функции валидации пользователя, половина из которых вызывает другие имплементации функции валидации пользователя)
Ivan
Это уже не про архитектуру же.
архитектура — это не структура папочек и не библиотека с обработчиками сайд-эффектов архитектура присутствует в каждой строчке кода (ну может быть через одну). и с правильной организацией кода (чистые функции или инстансы классов, или абстрактные фабрикаи — с чем угодно) придётся поебаться в любом случае на любом языке в любом коммерческом приложении (и почти в любом некоммерческом)
Dmitry
Dmitry
почему два лодеша бандлится не пойму, вроде просипал только .babelrc
voix
архитектура — это не структура папочек и не библиотека с обработчиками сайд-эффектов архитектура присутствует в каждой строчке кода (ну может быть через одну). и с правильной организацией кода (чистые функции или инстансы классов, или абстрактные фабрикаи — с чем угодно) придётся поебаться в любом случае на любом языке в любом коммерческом приложении (и почти в любом некоммерческом)
Структура вообще отдельно от архитектуры в моем понимании. Вообще термин архитектура не совсем однозначный и трактуется по-разному. В целом язык дает архитектуру, поэтому не паришься. Разумеется, в ризоне или хаскеле надо продумать некоторые вещи, но в элме уже все предоставлено, хз.
Ivan
народ, подскажите какой-нибудь пак с огромным количеством иконок чтобы с именованными экспортами под реакт, как у взрослых
Иван
Где про redux middleware почитать можно?
Артем
народ, подскажите какой-нибудь пак с огромным количеством иконок чтобы с именованными экспортами под реакт, как у взрослых
надо взять маленький, растить и кормить его, воспиывать и вырастет в настоящего взрослого накаченного =)
Andrey
народ, подскажите какой-нибудь пак с огромным количеством иконок чтобы с именованными экспортами под реакт, как у взрослых
react-icons емнип, но там с импортами драться самому надо, тришейкинга не завезли, на момент, когда я юзал
Ilya
почему два лодеша бандлится не пойму, вроде просипал только .babelrc
В зависимостях у какого-то компонента другая версия, скорее всего. Пробуй alias вэбпаку прописать на одну общую
Иван
в доке
Ну, эта тема не настолько простая, чтобы понять её на английском
Иван
прямо как программирование
Эт уже спорно, программирование легкое.
Looch
Ну, эта тема не настолько простая, чтобы понять её на английском
тогда она тебе не нужна,middleware это вообще паттерн и в редаксе оно не особо нужен для обычного дева
Иван
Ну я хочу почитать на русском.
Looch
просто гугли middleware паттерн
Looch
думаю фантазии хватит что б понять потом как это юзается в редаксе,имхо хороший паттер но не для фронта
Looch
в express.js его очень плотно юзают
Kirill
Всем привет! Кто может подсказать. Как можно реализовать динамические вкладки внутри приложения. Как в браузере, только внутри приложения)
Wlatt
гугли react tabs
Не смог нагуглить, только обычные табы нахожу
Ivan
Не смог нагуглить, только обычные табы нахожу
А чем обычные табы отличаются от обычных «вкладок»?
Wlatt
В обычных табах контент статичный. Кирилл имеет ввиду чтобы можно было создавать кликом новую табу, в которую передается компонент, компонент создает себе стейт в редаксе. Если открыть две табы с одним и тем же компонентом, но с разным id, то эти две одинаковые компоненты будут хранить данные в редаксе независимо друг от друга
Wlatt
Не знаю как проще объяснить
Mikhail
ну берем обычные табы и пишем вокруг них логику, нужно конкретно спросить, что не получается
🦜
https://github.com/Templarian/MaterialDesign-React Кто может проверить на вебпаке тришейкаются ли эти иконки?
Kirill
ну берем обычные табы и пишем вокруг них логику, нужно конкретно спросить, что не получается
Не совсем понятно как динамически в редюсере стейты создать. Создавать массив,добавлять туда элементы и обращаться по индексу или как?
Kirill
Влад , корректно истолковал 😀
Ilya
Влад , корректно истолковал 😀
@wlatt - мое почтение :) ваш телепатический скилл впечатляет.
Sergei
браузер в браузере
Mido
Подскажите как принудительно обновить функциональную компоненту. Из редакса получаю новые данные, но кнопка не выключается. а продолжает быть активной. выключается кнопка только когда убираю из ДОМ и снова рендерю.
Kirill
браузер в браузере
Надо чтобы стейт всего приложения не обновлялся в разных вкладках браузера
Kirill
По этому нужна вкладка внутри приложения
Sergei
я имею ввиду глобальный
Ilya
браузер в браузере
Посмотреть как это сделано например на codesandbox.io, секция превью
Kirill
Локальный стейт использовать ?
Sergei
Локальный стейт использовать ?
Ну зависит от задач, ты можешь сделать компонент вкладку которая будет хранить типа "глобальный" стейт для всех компонентов внутри
Sergei
так как вкладок будет несколько то и таких глобальных стейтов будет несколько
Wlatt
Вот как эти вкладки, которые можно создавать, удалять, перетаскивать
Ilya
Вот как эти вкладки, которые можно создавать, удалять, перетаскивать
Ну т.е. все таки интересует реализация табов с точки зрения концепции в интерфейсе?
Kirill
Архитектурно
Kirill
Интерфейс то понятно как сделать
Андрей
Вот как эти вкладки, которые можно создавать, удалять, перетаскивать
Вы заводили виртуальное хранилище в редаксе и работали относительно него.
Василий
с кажите, я в реакт state ставлю как const [app, setApp] = React.useState<MobileApplication.AppMobile>(() => { let appTemp = new MobileApplication.AppMobile(); appTemp.currentStep = MobileEnums.StepsEnum.Sum; return appTemp; }); - расчитываю что будет объек моего типа AppMobile - а он object #чезахерня ?
js - one love
useEffect(() => { if(snackbarState){ const timer = setTimeout(() => { setForm(prevState => ({...prevState, snackbarState: false})) }, 5000); return () => clearTimeout(timer); } })