архитектура сильно зависит от конечного стека
стек не должен диктовать
🦜
🦜
не привыкайте к тому, что из-за редакса вам приходится все бить на stores, actions, reducers, это не должно так быть
Frontend Priest
архитектура сильно зависит от конечного стека
feature-based и густо расписанный eslint никто не отменял
🦜
это как пример*
Ilya
стек не должен диктовать
э-м-м ну вы сударь - радикально настроены, а что дже тогда будет определять вашу архитектуру ?
🦜
Frontend Priest
не привыкайте к тому, что из-за редакса вам приходится все бить на stores, actions, reducers, это не должно так быть
Кстати да, это лютый антипаттерн. Спасибо хотя бы за симбиоты
🦜
с чего? Фича она фича везде, куда не воткни, будет работать
Frontend Priest
когда бизнес - определяет архитектуру - это наверное больно ?
Когда фичи определяют архитектуру - это естественно и закономерно
Ilya
Ребята, можете пример простого spa кинуть, если у кого есть. Я только учу реакт, но хочу увидеть правильную архитектуру и тп.
Вообщем, новичек - никого не слушай ! в т.ч. и меня
Но все пробуй, там выше дали пример, посмотри как в нем, посмотри как в класических примерах, посмотри как в примерах redux
и в итоге принимай решение - сразу в silver bullet не получится - тебя ждет долгий путь проб и ошибок 🙂
Eduard
в чем разница между a и b
componenDidMount(prevProps, prevState) {
const a = prevProps;
const b = this.props;
}
🦜
Вообщем, новичек - никого не слушай ! в т.ч. и меня
Но все пробуй, там выше дали пример, посмотри как в нем, посмотри как в класических примерах, посмотри как в примерах redux
и в итоге принимай решение - сразу в silver bullet не получится - тебя ждет долгий путь проб и ошибок 🙂
>тебя ждет долгий путь проб и ошибок
...если возьмешь редакс
Dmitriy
render() {return <CurrentStepComponent {...props}/>}
интересно а если пропом передаю компонент, можно потом внтури чекнуть как то если у него children или нету
dusha
dusha
Скорее надеюсь
🦜
в чем разница между a и b
componenDidMount(prevProps, prevState) {
const a = prevProps;
const b = this.props;
}
состоянием на момент апдейта
Ilya
Спасибо, думаю разберусь..
Мы в тебя верим, а за конкретным вопросомпо ситуации - снова добро пожаловать
🦜
в чем разница между a и b
componenDidMount(prevProps, prevState) {
const a = prevProps;
const b = this.props;
}
this мутабельный, поэтому там чо хочешь может быть
Eduard
this мутабельный, поэтому там чо хочешь может быть
то есть до prevProps - это пропсы что пришли в компонент с самого начала? а this.props - это покажет всё, что поменялось (например, в рендаре)
Misha
то есть до prevProps - это пропсы что пришли в компонент с самого начала? а this.props - это покажет всё, что поменялось (например, в рендаре)
Как правило и то и другое вернет одно и то же
Misha
Просто правильнее писать prevProps
Volodymyr
Volodymyr
трабла с keyframes
Misha
то есть до prevProps - это пропсы что пришли в компонент с самого начала? а this.props - это покажет всё, что поменялось (например, в рендаре)
https://twitter.com/dan_abramov/status/816394376817635329
🦜
Кто использует react-dnd. Там реально как-то для drop функцию прокинуть в чайлд?
🦜
Daniil
Разбирает интерес, а что за функция useStyles?
Vladimir
Daniil
Точнее использую css module, везде дублируется class names bind, а здесь красиво
Kunal
Kurzdor
It's russian-speaking chat about React 🤷♂
Kunal
Ok thanks
Bogdan
подскажите, если в провайдер контекста оберну один блок, сделаю действие с ним, перейду на другой компонент выше, потом назад, все что сделал ведь должно отвалится?
Dmitry
Kostya
Всем привет я далекий от начинающего разработчика Так что прощу понять и простить и ответить! Я могу обновить компонент в ref ? что-то вроде такого
class SizeElement extends Component{
this.state = {}
getSize = (element) => {
if(!element) return
this.setState({
size : element.getBoundingClientRect()
})
}
return <div ref ={this.getSize}/>
}
🦜
Всем привет я далекий от начинающего разработчика Так что прощу понять и простить и ответить! Я могу обновить компонент в ref ? что-то вроде такого
class SizeElement extends Component{
this.state = {}
getSize = (element) => {
if(!element) return
this.setState({
size : element.getBoundingClientRect()
})
}
return <div ref ={this.getSize}/>
}
ref мутабельный, можешь его как хочешь мутировать, это не вызовет ререндера
Денис
Всем привет я далекий от начинающего разработчика Так что прощу понять и простить и ответить! Я могу обновить компонент в ref ? что-то вроде такого
class SizeElement extends Component{
this.state = {}
getSize = (element) => {
if(!element) return
this.setState({
size : element.getBoundingClientRect()
})
}
return <div ref ={this.getSize}/>
}
Можно, но вроде как не очень хорошо пользоваться ref, тип это слишком бессмысленно и дорого, мне так говорили)
Kostya
Можно, но вроде как не очень хорошо пользоваться ref, тип это слишком бессмысленно и дорого, мне так говорили)
мне просто нужно изменить состояние после того как елемент уже отрисовался.
Misha
Ребята, хочу при локальный разработке все запросы на бекенд мокать с помощью axios-mock-adapter.
Есть ли идея получше?
Kostya
ref мутабельный, можешь его как хочешь мутировать, это не вызовет ререндера
Вот именно что мутабельный а состоние иммутабельное и как не очень выгляжит
🦜
Misha
Можешь кинуть какой-нибудь линк?
Misha
🐠
🦜
Можешь кинуть какой-нибудь линк?
берешь экспресс, добавляешь роут, возвращаешь объект, который тебе должен вернуть реальный бек
🦜
если ты не можешь запрашивать с реального бека данные
Misha
берешь экспресс, добавляешь роут, возвращаешь объект, который тебе должен вернуть реальный бек
Оки, спасибо. Мне казалось, что писать такую штуку получается дороже, чем тупо замокать (:
Misha
Но видимо так и сделаю!
🦜
Оки, спасибо. Мне казалось, что писать такую штуку получается дороже, чем тупо замокать (:
а что мешает к реальному беку общаться за данными?
Misha
а что мешает к реальному беку общаться за данными?
Разрабатываю приложение для браузерной отладки работы с амазоновскими серверами, часто на бекенде ничего нет, если сервера бездействуют. Сейчас есть фейк/api, и я пользуюсь им в dev-режиме, но бекендеры хотят чтобы фронт независимый был от бека, поэтому думал замокать
🦜
Разрабатываю приложение для браузерной отладки работы с амазоновскими серверами, часто на бекенде ничего нет, если сервера бездействуют. Сейчас есть фейк/api, и я пользуюсь им в dev-режиме, но бекендеры хотят чтобы фронт независимый был от бека, поэтому думал замокать
у меня похожее было, я просто взял express и тупо замокал ответы, которые были в доке по апи описаны
🦜
если что-то не работало, я всегда говорил, что так в доке
Misha
Спасибо мистер попуг! 🦆
Мирослав
народ, flow уже мертв?
Мирослав
или еще дышит?
Мирослав
забайтились таки
D_d
Народ что то я отстал от жизни в реакт приложениях сейчас не делают сервисы?
Vadim
D_d
booksSerivece котороый представляет crud интерфейс
Pavel
Anton
George
Ребят привет.
почему React не видит изображения в локальной папке своего проекта?
Делал через react-creat-app
George
нужно через import добавить файл в файл компонента?
Sergey
Ребят привет.
почему React не видит изображения в локальной папке своего проекта?
Делал через react-creat-app
по-умолчанию (вроде как) он только в src видит, попробуй переложить
George
по-умолчанию (вроде как) он только в src видит, попробуй переложить
Вроде проверял. Сейчас перепроверю.
Sergey
Привет! Подскажите, какие готовые библиотеки компонентов сейчас в топе и в какую сторону смотреть
Dmitriy
D_d
есть класс сервиса, в компоненте в конструкторе делаю
class App extends React.Component{
constructor(props) {
super(props);
this.apiService = new ApiService();
}
}
и выдает ошибку property apiService does not exist on type App
Daniil
Ребят привет.
почему React не видит изображения в локальной папке своего проекта?
Делал через react-creat-app
У кра вроде все фото же в паблике и стучать надо по env
Frontend Priest
Привет! Подскажите, какие готовые библиотеки компонентов сейчас в топе и в какую сторону смотреть
Всё настолько ситуативно, что проще написать свой кит