A
Просто удивило, что в package.json вебпака нет в такой случае Всем спасибо
Alex
Народ, подскажите плз как правильно переделать в React ? get, list, editForm может дергаться из разных компонентов приложения.
Ivan
Просто удивило, что в package.json вебпака нет в такой случае Всем спасибо
он есть в package.json у модуля react-scripts, который есть в твоём package.json
A
Понял, всем большое спасибо
Alex
Народ, подскажите плз как правильно переделать в React ? get, list, editForm может дергаться из разных компонентов приложения.
Выносить запросы к api в helper, а формы в компоненты, helperи компоненты импортировать в другие компоненты ?
Alex
документацию открыть
я спрашиваю не как код написать, а про конструкцию приложения
🦜
я спрашиваю не как код написать, а про конструкцию приложения
React это только View, все запросы и прочее должны находиться вне View
Natalie
я спрашиваю не как код написать, а про конструкцию приложения
посмотрите канал на youtube "It-kamasutra" там много полезного про реакт, и архитектуру
Bogdan
а вот глупый довод, но все же спрошу, если делать ссылки не линками, а именно черех <a href. приложение на реакте все еще спа????? _))) бля, горю жесть
Bogdan
линк и есть ссылка так-то
не, если ты именно напишишь ссылку, он перезагрузит страницу, я тупизмом заражаюсь от людей короче
🦜
Дайте я теперь спрошу. Юзаю mui. нужно AppBar сделать header <AppBar color="primary" position="static" component={Container} maxWidth="xl"> prop component занят уже. Как разрулить?
Aleksandr
Всем привет. Кто какие подходы использует для организации структуры папок? React/Redux/react-router? Rails-style, Domain-style или Ducks ? Или может какие-то свои смеси?
MⅨ
Появляется ошибка. Добавляю проп dispatch ошибка исчезает
MⅨ
в компонент как проп
MⅨ
При этом в компоненте никак не фигширирует
Alex
странно если бы наоборот было бы , потому что ошибка как раз таки что dispatch в div элемент пихаешь говорится
MⅨ
return ( <TextField select fullWidth variant="outlined" label={label} value={value} onChange={e => onChange(e.target.value)} margin="normal" {...otherProps} InputProps={{ style: { background: disabled ? '#F0F0F0' : 'transparent', color: '#333' } }} > {menuItems} </TextField>)
Alex
а что в компоненте TextField
MⅨ
const NameList = ({ value, menuItems, label = 'Name', onChange, dispatch, /* to remove errors in console */ ...other }) => {
Volodymyr
Всем привет. Часто встречал связку React + Firebase, а в каких случая лучше использовать Node.js/Express + MongoDB на бэке? Чего не хватает в Firebase, чтобы нужно было использовать Node.js или другой бэк (Laravel, Django, WordPress)?
MⅨ
dispatch в otherProps ?
Нет, как видишь в пропсах
MⅨ
Есть догадки?
MⅨ
Я отсылаю в onСhange один из action-ов может быть в этом проблема?
Roman
const NameList = ({ value, menuItems, label = 'Name', onChange, dispatch, /* to remove errors in console */ ...other }) => {
ну конечно у тебя other уходит в тег. а если ты указываешь dispatch - то в other он уже не попадает
Roman
компонент очевидно подключен к редаксу. редакс в компонент передает проп dispatch, который у тебя проваливается в other
MⅨ
А ясно
MⅨ
А как тогда хендлить other?
Roman
А ясно
решение - в connect вторым параметром null передать
MⅨ
У меня уже как бы export default connect( mapStateToProps, null )(NameList)
MⅨ
так что не понимаю
Roman
тогда не должно присылать dispatch...
Roman
У меня уже как бы export default connect( mapStateToProps, null )(NameList)
а, не. попробуй пустой объект передать
MⅨ
Да похоже работает
MⅨ
спасибо большое, очень полезный пример кстати
Yura
Ребята как можно релизовать вывод таблицы, которая формируется при помощи настроик Checkbox. Где есть название той или иной колонки. Если можно пример.
Anonymous
@sovasergey думал, как лучше всего подрубить normalize.css в SC и нашел твою библиотеку, грац)
Bogdan
фабрикой
фабрики выходит не только к ридаксам, еффекторам, везде, где однотипная задача?
Bogdan
фабрики это паттерны
я их почти не юзал, думаю стоит все же популярные рассмотреть, реакт головного мозга наступил просто
Vladimir
Классный чувак
Bogdan
ага, прочекаю
Sergey
Ilia
Ребят,как мне закодить,что бы во всех компонентах не проверять loading и error; export const App = () => { const data = useSelector((state) => state.Auth); const loading = useSelector((state) => state.AuthLoading); const error = useSelector((state) => state.AuthError); const RouteList = routes => <List items={routes} renderItem={(props) => <Route {...props}/>}/>; const Routes = (!data.authorization) ? RouteList(authFalse) : RouteList(authTrue); const HasData = !(loading || error); const LoadingView = loading ? <LoadingPage/> : null; const ErrorView = error ? <ErrorPage/> : null; const ContentView = HasData ? Routes : null; return ( <> {LoadingView} {ErrorView} {ContentView} <Redirect to="/"/> </> ) };
Bogdan
есть задача, подскажите как лучше сделать, есть к примеру 100 доменов, есть одно приложение, у которого лендинг и кабинет, кабинет у всех одинаков, что вид, что функционал, НО, на разных доменах различия в стилях и внешнем виде лендоса, как большие так и не значительные, вгрузить это все на тему, чекать по домену, или все же сделать отдельными паапками домены, в которых собрать лендос руками??? но как подключать все?
Ilia
пропускать через hoc?
Понял,спасибо!)
Bogdan
Темизация компонентов. Конструктор лендинга. Можно любое сторонние приложение. Надеюсь лендинг не на реакте
ну там не лендинг, а короче приложение, ну лендос я назвал, потому что главная страница)
Сергей
у нас тоже 80% +- одинаково, но есть и отличия в приложениях
Bogdan
что именно?
конструктор приложения, чекать домен, собирать структуру, конфиг какой то или что?
Ilia
Ооо боже..
возмжно Боже?
Bogdan
что именно?
я вот узнал, еще может быть текст разнный, у вас такое поддерживается?)
Китикет
возмжно Боже?
Нет, не дай бох писать эту несуществующую фигню с большой буквы
Ilia
Нет, не дай бох писать эту несуществующую фигню с большой буквы
Нет,ну если ты уже используешь "фигню",то пиши хотя бы правильно)
Китикет
Не рендери нижнюю иерархию, пока загрузка
Сергей
у нас на разных портах свое приложение. делается сборка фронта и бэка и размещается на площадке. каждый фронт индивидуален для своего порта, фронт делается через конструктор, который мы напилили с ребятами,т.е. мы декларативно описываем что нам нужно, а под капотом уже все это строится. мы все это разнесли по либам, и если есть какой-то баг, то просто исправляем его и обновляем версию либы, чтобы не заниматься копипастом исправления этой баги
Ilia
Я тут у тебя не вижу "во всех компонентах", ведь там App
App я привел для примера,в других компонентах буду так же отслеживать loading и error из redux.
Ilia
Я тут у тебя не вижу "во всех компонентах", ведь там App
как правильно мне эту логику реализовать?
Китикет
как правильно мне эту логику реализовать?
В один хук например обьедини
Китикет
Понятия не имею какой там еррор и лоадинг, там для каждого компонента из разных мест берется?