Так уж приложение построено. Делал с чистым джаваскриптом, работало как надо. Реакт со своим редаксом мешает сильно
Микроскоп мешает гвозди забивать?)
artalar
Zackyy
Остроумно. Мне для практики так то
Bogdan
так поидее на сервере есть событие, которое принимает сообщение, на клиенте это событие дернуть, передать сообщение, сокет сам все дальше сделает
Zackyy
Хорошо, возвращаясь к сокетам. Есть у кого нормальный пример как связать с реактом?
Zackyy
Ибо всё, что пробовал - всё не работает
Eugene
redux + middleware
Ivan
Остроумно. Мне для практики так то
Эти технологии, отлиычно работают на практике у миллиона людей. В какой-то степени вы сами ими пользуетесь каждый день
Zackyy
Опять же замена файла хтмлом одно из них
artalar
Хорошо, возвращаясь к сокетам. Есть у кого нормальный пример как связать с реактом?
Что с сокета приходит?
Ivan
Достичь хорошего результата копипастя примеры не вникая в суть происходящего будет затруднительно
Китикет
Хорошо, возвращаясь к сокетам. Есть у кого нормальный пример как связать с реактом?
Взаимодействие с сокетом, как и другой подобный функционал, выносится наружу в какой-нибудь helper, там импортируется redux store, создаешь подписки на все нужные эвенты, внутри которых store.dispatch нужных экшнов с нужными данными. В общем, синхронизация во всей ее красоте) Но тут все это надо понимать и чувствовать, как сказали выше
Bogdan
а вот с реактом связать сокет действительно как?
socket.on('message', action)
типо слушать что передадут и дергать екшен, если что то передалось?
Den
Если нужно что-то создать в базе - лучше апи запросом. А обновления кидать по сокету. Сокет - нестабильное соединение.
Volodymyr
шарящие по регулярках, хелпуйте, нужно допустить на ввод только любое скобок, цифр, минусов и плюсов
как написать ето?
Nikolai
а вот с реактом связать сокет действительно как?
socket.on('message', action)
типо слушать что передадут и дергать екшен, если что то передалось?
Не нужно его связывать с реактом, связывайте с редаксом
Bogdan
Не нужно его связывать с реактом, связывайте с редаксом
а стейт обновить как? смотреть изменились ли пропсы?
Zackyy
Щас пытаюсь на чистом проэкте заставить работать
artalar
Я бы сказал что setState - это антипатерн, но не все так просто
Oleg
Max
Pavel
Как можно визуализировать workflow компонентов в проекте? Как альтернатива в MySQL можно увидеть архитектуру таблиц и связи
Zackyy
Хм, я попробую в Firebase functions запилить такое. Синтаксис похож
Zackyy
хотя не, жуть тестить все это будет
Zackyy
Ildar
Как можно визуализировать workflow компонентов в проекте? Как альтернатива в MySQL можно увидеть архитектуру таблиц и связи
По пропсам гуляешь и строишь дерево вглубь, с узлами ссылкой на родителя
Bogdan
Хм, я попробую в Firebase functions запилить такое. Синтаксис похож
ты попробуй без реакта вообще сделать изначально
artalar
Я так всю логику с редаксом строю. Это очень удобно тем что в девтулзах все логируется
artalar
В мидлвару не обязательно подписки какие-то сувать, можно просто сайд-эффекты обрабатывать, по типу редусера
switch (action.type)
case actions.FETCH_DATA: fetchData()
case ...
return next(action)
Bogdan
S O F T ™
I know this forum is not English but please any idea on any React English Forum? Please i really need it 😞
artalar
I know this forum is not English but please any idea on any React English Forum? Please i really need it 😞
https://reactjs.org/community/support.html#popular-discussion-forums
Иван
Здравствуйте) Хотел бы узнать как правильно построить гугл карту с помощью апи в реакте
artalar
Здравствуйте) Хотел бы узнать как правильно построить гугл карту с помощью апи в реакте
https://rudevs.network/S1gArpunX
Андрей Чайковский
Так уж приложение построено. Делал с чистым джаваскриптом, работало как надо. Реакт со своим редаксом мешает сильно
Если Редакс мешает, зачем его тащить в проект?
Zackyy
есть альтернативы?
artalar
Если Редакс мешает, зачем его тащить в проект?
Инструмент не может не мешать, если им не знать как пользоваться
Андрей Чайковский
Инструмент не может не мешать, если им не знать как пользоваться
Суть инструмента -- помогать. Если не знаешь, зачем тебе инструмент, значит, он тебе нужен
Bogdan
попробовал formik и yup крутая тема, но есть такой вопрос, я в стейт передать не могу, все что ввел в форму?
если у меня пошаговая регистрация например, как ее валидировать тогда?
artalar
Суть инструмента -- помогать. Если не знаешь, зачем тебе инструмент, значит, он тебе нужен
Если не знать о том что делает инструмент, можно никогда не подумать что он нужен.
Судя по прошедшему диалогу там кодирование методом copy paste. Нужно глубже вникать в то что делаешь
Руслан
Всем привет!
Подскажите как сделать сравнение строки
Пробовал это не работает
this.state.version !== "0.1"
this.state.version.localeCompare('0.1')
parseFloat(this.state.version) > parseFloat(0.1)
Андрей Чайковский
Если не знать о том что делает инструмент, можно никогда не подумать что он нужен.
Судя по прошедшему диалогу там кодирование методом copy paste. Нужно глубже вникать в то что делаешь
Зачем тебе инструмент. Можно знать, что он делает, но нужно знать, что делает для тебя
Anonymous
Андрей Чайковский
Подходит ли инструмент под конкретный кейс
Vadim
arts
Nikolai
Здравствуйте) Хотел бы узнать как правильно построить гугл карту с помощью апи в реакте
https://www.npmjs.com/package/@react-google-maps/api
Bogdan
загугли wizard form formik
а как обычно делают на проектах, свою валидацию пишут или бурут формы всякие?
Vadim
а как обычно делают на проектах, свою валидацию пишут или бурут формы всякие?
я на простых формах свою делаю
Stepan
Всем привет.
Делаю SPA на реакте. Сейчас есть дофига компонентов которые изнутри обращаются к API. Понадобилось заменить несколько путей к API и я ужаснулся в скольки файлах нужно править. Что-то мне подсказывает что обращение к API нужно выносить в отдельный слой. А каки вы поступаете? Может кто поделится примером?
Vadim
Всем привет.
Делаю SPA на реакте. Сейчас есть дофига компонентов которые изнутри обращаются к API. Понадобилось заменить несколько путей к API и я ужаснулся в скольки файлах нужно править. Что-то мне подсказывает что обращение к API нужно выносить в отдельный слой. А каки вы поступаете? Может кто поделится примером?
выносить в отдельный слой) usersApi.blockUser(userId)
Anonymous
Всем привет.
Делаю SPA на реакте. Сейчас есть дофига компонентов которые изнутри обращаются к API. Понадобилось заменить несколько путей к API и я ужаснулся в скольки файлах нужно править. Что-то мне подсказывает что обращение к API нужно выносить в отдельный слой. А каки вы поступаете? Может кто поделится примером?
для обращения пишу сервис в котором сразу описываю все что может понадобится
Anonymous
такой себе класс с кучей статик методов
Stepan
если не секрет - поделитесь ссылками на гитхаб.
Ildar
Всем привет.
Делаю SPA на реакте. Сейчас есть дофига компонентов которые изнутри обращаются к API. Понадобилось заменить несколько путей к API и я ужаснулся в скольки файлах нужно править. Что-то мне подсказывает что обращение к API нужно выносить в отдельный слой. А каки вы поступаете? Может кто поделится примером?
Сначала выносишь http клиент, при необходимости. Потом разбивка по “сервисам”, в которых методы это обращение к апи.
Pavel
По пропсам гуляешь и строишь дерево вглубь, с узлами ссылкой на родителя
А проще вариантов нет? Просто загрузить проект , например, а мне нарисуют блок схему
Ildar
если не секрет - поделитесь ссылками на гитхаб.
import axois from ‘axios’;
export class AwesomeService {
static myMethod() {
return axios.get(‘/my-path’, data)
}
}
Vadim
import axois from ‘axios’;
export class AwesomeService {
static myMethod() {
return axios.get(‘/my-path’, data)
}
}
да тут даже класс никакой не нужен. Просто набор функций
Ildar
А проще вариантов нет? Просто загрузить проект , например, а мне нарисуют блок схему
Я на своем опыте такого не видел
Ildar
да тут даже класс никакой не нужен. Просто набор функций
Класс позволит функциям сгруппироваться, а не находится в одной куче
Vadim
и никакой кучи
Ildar
1 файл - 1 сервис
На вкус и цвет. Я лично пользуюсь классом, ибо в любой момент может понадобится доп функционал, который нужно написать в классе
А ещё это функциональщина)
Anonymous
где вообще можно прочитать про дизайн архитектуры?
Anonymous
Что бы поменьше глупых вопросов на эту тему задавать
Temuchin
Где лучше расположить запросы к API выносить в редакс или в какой-нибудь провайдер?