Друзья, подскажите с дебильным вопросом

да я тестил, думал может чё выйдет

настраиваю сейчас 404 ответ, вместо стаднартного 200 даже для не найденного роута. каким образом детектить ответы сервера из браузера?

На клиенте? Никак

че это никак

сервер отвечает же

Если речь не идёт о SSR

или что

когда браузер сам приходит

Речь же шла о клиентском роутинге?

нет

я на сервере настраиваю да. хочу понять, как из браузера читать ответ сервера

никак

тебе надо сервером при запросе несуществующего адреса (а то есть все запросы не на файлы) отдавать index.html

в nginx это что-то вроде location / { try_files $url index.html; }

у меня в роутере есть некий роут notFound, который рендерит страницу потеряшку. Но отдается при этом ответ 200. соответственно сейчас я прописываю, что при заходе (triggersEnter у меня, но это не суть) на notFound (то есть любой несуществиющий в приложении роут), сначала вызывался метод на сервере, который бы отдавал код 404

а уже после рендерилась страница "привет вы потерялись"

но я обнаружил что не знаю, как код ответа сервера отобразить в браузере

всегда думал, что где-то в панелях разработки

а ну емае

догадайся кто создает ответ сервера?

вкладка Network

догадайся кто создает ответ сервера?

метод на сервере или я не понимаю вопроса и туплю

сервер создает ответ

именно

как создать ответ на сервере, я знаю

я спрашивал как увидеть его в браузере) и уже выяснил, что вкладка Сети

много шума поднял, сорь

никто так и не знает, в чём может быть проблема? Хотя бы примерно. Уже день убил на это

винда

виновата

шо за иде

так ты эксепшн бросаешь в catch

я просто не вижу ни одной причины, почему должно в поле чет отобразиться

шо за иде

Мне кажется это вс код

dispatch

Всем доброго дня. Ребят, подскажите пожалуйста. https://gist.github.com/avasites/10b15493682dde47f84a1ef33c573049. Собираю вебпаком приложение на express генерирую react. По ссылке ошибка, которая вылезает и сам код server.js. Заранее спасибо!

Всем доброго дня. Ребят, подскажите пожалуйста. https://gist.github.com/avasites/10b15493682dde47f84a1ef33c573049. Собираю вебпаком приложение на express генерирую react. По ссылке ошибка, которая вылезает и сам код server.js. Заранее спасибо!

А если res.send поменять на res.end, то будет ругаться на <App />

Всем доброго дня. Ребят, подскажите пожалуйста. https://gist.github.com/avasites/10b15493682dde47f84a1ef33c573049. Собираю вебпаком приложение на express генерирую react. По ссылке ошибка, которая вылезает и сам код server.js. Заранее спасибо!

Webpacc node externals заюзай

Webpacc node externals заюзай

Спасибо)

Посоветуйте ресурс плиз нормальный

Посоветуйте ресурс плиз нормальный

Ресурс для чего? Документация самый нормальный ресурс

Ресурс для чего? Документация самый нормальный ресурс

Ну где бы по-русски было, что зачем и почему redux,react

Посоветуйте ресурс плиз нормальный

Древесину копи.

Ну где бы по-русски было, что зачем и почему redux,react

Тебе на ютуб.

Webpacc node externals заюзай

В whitelist надо прописать reactreact-dom?) Спасибо заранее !

Ну где бы по-русски было, что зачем и почему redux,react

https://www.youtube.com/channel/UCyUFMVZ6VnbB5a8d_EyrFBQ/playlists

На русском статей думаю, что нет. Это бесмысленно.

https://www.youtube.com/channel/UCyUFMVZ6VnbB5a8d_EyrFBQ/playlists

Понял, спасибо

В whitelist надо прописать reactreact-dom?) Спасибо заранее !

Эээ просто таргет нода в корне конфига

https://medium.com/russian/a-cartoon-intro-to-redux-e2108896f7e6#.bo7qcx8yj вроде очень годная статейка :)

Эээ просто таргет нода в корне конфига

Аа понял)) спасибо!)

Эээ просто таргет нода в корне конфига

Всё равно ругается на <App /> (((((

Всё равно ругается на <App /> (((((

Загружай весь серверный конфиг

Загружай весь серверный конфиг

Прошу прощения, а куда?(

На гист

На гист

https://gist.github.com/avasites/3a48a03ed3cd62281d2a239a9a46a171

https://gist.github.com/avasites/3a48a03ed3cd62281d2a239a9a46a171

Ну надо бабел правильно настроить значит

Ну надо бабел правильно настроить значит

Всё правильно значит?

Всё правильно значит?

не вижу опций бабела

не вижу опций бабела

{ test: /\.jsx$/, loader:'babel-loader', exclude: /node_modules/, query: { presets: ['es2015', 'react'], compact: false } } Это не оно?

{ test: /\.jsx$/, loader:'babel-loader', exclude: /node_modules/, query: { presets: ['es2015', 'react'], compact: false } } Это не оно?

вообще выкинь jsx, оставь тлолько js

вообще выкинь jsx, оставь тлолько js

к js прописать presets react?)

да

{ test: /\.jsx$/, loader:'babel-loader', exclude: /node_modules/, query: { presets: ['es2015', 'react'], compact: false } } Это не оно?

Это новый проект? Если да, то выкидывай es2015 и оставь env

Это новый проект? Если да, то выкидывай es2015 и оставь env

Спасибо

да

Спасибо попробую)

да

Не могли бы ещё подсказать? Собирать надо server.js или client.js?

Не могли бы ещё подсказать? Собирать надо server.js или client.js?

оба

оба

Спасибо большое))

оба

а App.jsx переименовать просто в App.js?))

ты серьезно?

ты серьезно?

Честно? То да(((

ты серьезно?

Переименовал) webpack собрал вроде норм

ты серьезно?

Спасибо Вам большое!!!!!

Привет! Это норма, или как-то лучше можно? constructor(){ this.state = JSON.parse(localStorage.getItem('a')) || { ...defaultState } } componentWillUpdate(){ localStorage.setItem('a', JSON.stringify(this.state)); }

Привет! Это норма, или как-то лучше можно? constructor(){ this.state = JSON.parse(localStorage.getItem('a')) || { ...defaultState } } componentWillUpdate(){ localStorage.setItem('a', JSON.stringify(this.state)); }

А зачем defaultState так копировать?

А зачем defaultState так копировать?

Ну или так, или просто прям в конструкторе, просто не стал писать сам стейт, просто показал, что он есть :)

а компонент рендерит что то, или просто получает инфу?

а компонент рендерит что то, или просто получает инфу?

Рендерит.

тогда лучше конечно сверху спускать инфу, а не из компонента ее реквестить

Это большая форма регистрации с большим количеством полей. Решил сохранять на всякий в локалсторейдж текущий прогресс, потому что иногда клиенты по два дня заполняют её, попутно общаясь с манагерами (оптовая торговля)

тогда лучше конечно сверху спускать инфу, а не из компонента ее реквестить

Угу, вот это здраво, спасибо.

Хотя выше нет ничего пока. Но суть я понял, да.

Это большая форма регистрации с большим количеством полей. Решил сохранять на всякий в локалсторейдж текущий прогресс, потому что иногда клиенты по два дня заполняют её, попутно общаясь с манагерами (оптовая торговля)

да это то все норм лучше делить обязанности компонентов либо презентует(рендерит), либо обслуживает

Обслуживающий при этом - выше рендерящего, правильно?

Я просто ноль, в пятницу первый раз сел за это всё, сорри, если вопросы тупые.

Обслуживающий при этом - выше рендерящего, правильно?

да можно сразу подключить стейт менеджер аля redux он будет получать состояние приложения и спускать его вниз по компонентам

У меня нет приложения, у меня форма и пара других независимых виджетов на статическом в остальном фронте. Редакс будет оверкиллом, боюсь.

Но совет понял, спасибо, да, подумаю, если разрастаться будет.

ты серьезно?

Подскажите пожалуйста ещё, если несложно)А для сервера и клиента, надо собрать два файла?) а как это реально сделать в webpack?) Спасибо!

Подскажите пожалуйста ещё, если несложно)А для сервера и клиента, надо собрать два файла?) а как это реально сделать в webpack?) Спасибо!

2 конфига

2 конфига

Спасибо Вам огромное!!))

Доброго дня. Был при признателен за помощь. Кто-нибудь использует баг репорт систему в проде с сорсмапами? Появилась проблема что с прода прилитают ошибки и их найти почти нереально в минифицированом коде. Как с этим лучше бороться? Использую багснаг

Доброго дня. Был при признателен за помощь. Кто-нибудь использует баг репорт систему в проде с сорсмапами? Появилась проблема что с прода прилитают ошибки и их найти почти нереально в минифицированом коде. Как с этим лучше бороться? Использую багснаг

honeybadger?

Доброго дня. Был при признателен за помощь. Кто-нибудь использует баг репорт систему в проде с сорсмапами? Появилась проблема что с прода прилитают ошибки и их найти почти нереально в минифицированом коде. Как с этим лучше бороться? Использую багснаг

Используем sentry, sourcemaps прокидываем через webpack plugin при каждой сборке на CI с пометкой релиза, (чтобы локальные сборки не засоряли). Плюс вырезаем sourcemaps из деплоя на прод.