El
В доках Вебпака тоже юзают
devServer: {
contentBase: path.join(__dirname, 'public')
}
El
Поменял путь на путь без кириллицы. Теперь ошибка
[HPM] Error occurred while trying to proxy request / from localhost:17017 to d:\Jobs\lalala\RepoLister\public (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors).
Полагаю, это лучше.
Дмитрий
Всем привет! Кто нибудь делает фронт отдельно от бэкэнда? Если да, как вы поступаете с http запросами(имею в виду web api)?
Victor
Всем привет! Кто нибудь делает фронт отдельно от бэкэнда? Если да, как вы поступаете с http запросами(имею в виду web api)?
Вопрос не имеет прямого отношения к реакту. Если есть релакс, можно через Promise резолвить нужный объект.
Дмитрий
Прямого нет конечно, речь об разработке отдельно фронта
El
Всем привет! Кто нибудь делает фронт отдельно от бэкэнда? Если да, как вы поступаете с http запросами(имею в виду web api)?
Вы о Вебпаке? Там есть проперть proxy, в ней прописывается путь от фронта к беку.
Vladimir
Вопрос про реак натив, готовый реакт можно конвертнуть в реакт натив?
Anonymous
нет
Vladimir
Так или иначе с нуля придется писать?
Anonymous
ну не совсем с нуля, некоторую логику можно скопипастить
Max
Прямого нет конечно, речь об разработке отдельно фронта
У меня был опыт разработки фронт-приложения на реакте без бэка. Разрабатывал на мок-сервисах, которые возвращали предполагаемые данные. Когда бэк сделали подменил мок-сервисы продовскими с минимальными правками. Остался доволен. До сих пор практикую.
Дмитрий
Не совсем, я о ситуации, когда вы делаете отдельно react create app и разрабатываете фронт отдельно от бэка. Соотвественно вам надо знать структуру получаемых данных и где то их эмулировать для девелопмента. Собственно вопрос как это делать )?
Valentin
Как пример. В любом случае беку и фронту нужны одинаковые интерфейсы. Что бы вы понимали куда обращаться и что ожидать от запроса. На фронте пишите сервисы под схему апишки бека
Дмитрий
У меня был опыт разработки фронт-приложения на реакте без бэка. Разрабатывал на мок-сервисах, которые возвращали предполагаемые данные. Когда бэк сделали подменил мок-сервисы продовскими с минимальными правками. Остался доволен. До сих пор практикую.
Ясно, спасибо. А для прода разруливали через вэбпак?
Max
Ясно, спасибо. А для прода разруливали через вэбпак?
Да, проверялся NODE_ENV. Для "test" и "development" подставлял моки, для "production" - продовские. Использовал CRA без еджекта.
Daniil
Зачем моки разделять ? Структура ответа для теста и прода будет одна и та же
Daniil
Это ты поясни зачем моки делить
Daniil
Max
Чтобы при билде продакшена вместо мок-сервисов подставились продовские.
Ilia
Ребят,для чего использовать Clone?(Если есть let newObj = Object.assign( {}, Object ); https://www.npmjs.com/package/clone
Sm•ok
Sm•ok
Объекты внутри обьектов
Фарид
Не знал об этом, спасибо.
Max
Разработал систему всплывающих событий для управления состояниями в React. Хочу узнать мнение сообщества по поводу актуальности.
https://github.com/draftup/react-event-boundary
Фарид
Почему редьюсеры во всех примерах используют switch, а не навигацию по объекту?
Sm•ok
В обычных кейсах
ipos
Почему редьюсеры во всех примерах используют switch, а не навигацию по объекту?
посмотри в сторону redux-actions, пользуюсь, довольно удобно
Константин Бондаренко
вопрос по mobx, почему не изменяется TableBody? уже и с Observer и без пробовал - нет и всё.
https://gist.github.com/k0t0vich/8afc059986d78e40d496e44347943da1#file-recordstable-tsx-L118
Константин Бондаренко
рендер вызывается, значения в других элементах изменяются, а вот тело пустое и всё тут
Stas
это спамер выше зашел
Константин Бондаренко
сам стор
https://gist.github.com/k0t0vich/170a9658c6e80950a3205c341df396d3
El
винда? в пути есть русские символы?
Похоже, проблемы Винды и порследних версий Webpack и dev-server. У приятеля на Линуксе вполне бегает.
Старый проект с Вебпаком 3 и дев-сервером 2 на Винде вполне бегает.
Константин Бондаренко
сам спросил, сам нашёл)
Константин Бондаренко
пока не спросил час мудохался)
Константин Бондаренко
неправильно инициализирую данные о колическтве отображаемых записей в теле)
Ilia
Ребят,вы в своем коде используете дескрипторы свойств?Точнее какое-то из этих свойств writable: true,
configurable: true,
enumerable: true
Valentin
this.props.store! - а это норм?
Valentin
нет, в рантайме все наебнеться если провайдер не сможет найти стор для компонента
Valentin
get pageStore(): ???? {
if (this.props.store instanceof ???) {
return this.props.store;
}
throw new Error(`incorrect Store[???]`);
}
напиши хотя бы такой гетер в реакт компоненте, где используешь инжект от mobx-react
Константин Бондаренко
И так ошибка летит, практически та же
Константин Бондаренко
Но как-то обработать стоит. Да
Valentin
Когда js сможет не скрашется, а хотя бы отдавать андефайнд, можно будет исп такие конструкции. А так нужно писать какой то геттер. Как в лодаше
Daniil
Ребят,для чего использовать Clone?(Если есть let newObj = Object.assign( {}, Object ); https://www.npmjs.com/package/clone
Ты же уже это спрашивал в другом чате раньше
Dmitry
зачем правило линта коиторое говорит все зависимости прокидывать ? По сути понятно зачем оно
но если это не нужно ?
Dmitry
Dmitriy
Dmitry
пока хз
но по идее на изменение items
Dmitry
и по скольку items каждый раз новый
тогда будет все это тригерить
Dmitry
можно еще на длинну смотреть
Dmitriy
Вообще items не вижу) images?
Dmitry
да
Dmitry
в телеге проверил галлерею
изменил фотку
в галлерее старая
Dmitry
лол
Dmitry
Alex
добырый вечер, вчера уже спросил но до конца не понял ответа. использую (react +redux)
можно еще раз спрошу - подскажите плиз (может с примерами) как обработать Link "/posts/:id"(к примеру) из списковой формы (список posts)
как я это вижу
1 - т е я настраиваю роут - "posts/:id" component={PostDetail}
2 в нем в компоненте(PostDetail} из url беру id(надо парсить урл)
3 дальше по ид могу взять весь post(item) из redux state(из списковой страницы) или же с сервера
Подскажите плиз вариант рабочий? или как то по другому нужно?
Смущает то что надо парсить url что бы получить ид из компонента
Андрей Чайковский
добырый вечер, вчера уже спросил но до конца не понял ответа. использую (react +redux)
можно еще раз спрошу - подскажите плиз (может с примерами) как обработать Link "/posts/:id"(к примеру) из списковой формы (список posts)
как я это вижу
1 - т е я настраиваю роут - "posts/:id" component={PostDetail}
2 в нем в компоненте(PostDetail} из url беру id(надо парсить урл)
3 дальше по ид могу взять весь post(item) из redux state(из списковой страницы) или же с сервера
Подскажите плиз вариант рабочий? или как то по другому нужно?
Смущает то что надо парсить url что бы получить ид из компонента
match: {params}, в params будут твои параметры, да, это нормальный подход
Alex
понял спс большое!
Ilia
Ты же уже это спрашивал в другом чате раньше
Я просто тогда не так понял)Решил переспросить тут)
Ilia
Дескрипторы свойств кто-то юзает?
Ilia
Стоит ли изучить все свойства ?Или на практике этим никто не пользуется?(Или пользуется , но редко?)
Alexander
Всем привет. Кто то может подсказать в каких случаях используются тесты с enzyme а в каких с snapshot? Это взаимозаменяемые вещи?
Alexander
в доках по джест не особо описано(
Oleg
Alexander
Насколько я понял snapshot тест это когда ты просто берешь работающий компонент и просто чекаешь действия и все?
Alexander
users.map(() => renderListItem() )
Alexander
попробуйте так
Oleg
users.map(() => renderListItem() )
Спасибо, работает, только не понял, зачем нужен return, если внутри функции есть return? 🤔
Alexander
у вас return в функции renderListItem. Но users.map должен тоже вернуть jsx.
Поэтому возвращаем функцию renderListItem которая в свою очередь возвращает jsx)
Oleg