кто как перезапускает сервер в изоморфном приложение при сборке webpack в watch режиме?

кто как перезапускает сервер в изоморфном приложение при сборке webpack в watch режиме?

я в свой сборке позаимствовал идею just-wait + webpack(watch)

https://github.com/ufocoder/redux-universal-boilerplate/blob/master/webpack/server/watch.js#L15 https://github.com/ufocoder/redux-universal-boilerplate/blob/master/package.json#L31

минус в подходе: приходится чистить webpack update файлы для серверного бандла

я в свой сборке позаимствовал идею just-wait + webpack(watch)

Также делали :) а теперь https://github.com/lamo2k123/daemon-command-webpack-plugin

Дока будет немного позже

в чем отличия?

Нет прослойки демона

Плагин принимает команду и когда webpack вызывает after-emit он перезапускает комманду

почитаю твое решение на досуге - может позаимствую ;-)

А то получается что вотчер webpacka смотрит за изменениями и генерит файл, а за ним уже сторонний демон смотрит который сервер ребутает

у меня такой подход кстати на винде не очень работает

но я благо на мак ос

Ну плагин вроде и на винде завелся и на линуксе так как там нативный спавн

спасибо, как я понял надстройка над Istanbul.

да, но нормальная

А вы мапаете response от сервера на свои структуры? Что делаете когда сервер присылает first_name, а вы хотите firstName? (есть CREATE AND UPDATE, а не просто вывести)

я не маплю и юзаю Destructuring assignment, типа const {firstName, secondName} = response.data;

и как мне это поможет поправить first_name?

я не маплю и юзаю Destructuring assignment, типа const {firstName, secondName} = response.data;

это же не сработает, если ключи first_name

тогда уж так

и как мне это поможет поправить first_name?

const { first_name: firstName } = response.data;

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

{ first_name: firstName, prop1: prop_1 } = res.data

это получается 2 раза писать нужна, когда получаю и перед тем как отправляю, это конечно же не подходит)

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

это конечно же не подходит)

в js нет приватных ж

а так можешь поиграться с декораторами попробовать

просто как программа еще поймет, что тебе нужно именно d а не depth, все равно придется две функции для перевода писать

юзай descruct короче :)

ну самый норм вариант, просто две функции которые туда обратно переводят

или одна с указанием направления

это если конечно не нужно типы приводить или как-то изменять данные

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

конечно это первое что мне пришло в голову, не считая гуглового GSON но, это зашквар а не вариант

прокинуть через контекст?

Так, вброс насчёт редакса. Есть большой список и формочка, которая задаёт фильтр. И куча компонентов в разных частях системы, которым нужен этот фильтрованный список. Так вот, хотелось бы один раз его отфильтровать и куда-нибудь засунуть. Как это сделать поизяшнее?

в редьюсер так-то

ну в смысле в стор

+1

конечно это первое что мне пришло в голову, не считая гуглового GSON но, это зашквар а не вариант

а в чем проблема с сервера слать firstName сразу?)

не троль плиз)

я не троллю)

а вообще - рекурсивно проходишься по структуре с _.capitalize и обратно с _.dasherize и норм. Или как-то так функции называются

а вообще - рекурсивно проходишься по структуре с _.capitalize и обратно с _.dasherize и норм. Или как-то так функции называются

> dasherize > ммм, доширак

а вообще - рекурсивно проходишься по структуре с _.capitalize и обратно с _.dasherize и норм. Или как-то так функции называются

или поискать в npm camel-case & snake-case / etc

Какое-то фиговое решение всё автоматом переводить. Да и в чем, собственно, проблема руками выдернуть нужные переменные?

проблема в том что их нужно обратно так же выдергивать

я не понимаю в чем проблема) ты хочешь мини-сериализацию запилить) Если сервак не может норм структуры слать - ну сделай так, в чем проблема?

горит жопа зная что в других языках для этого уже есть готовые решения

я хочу так

эм, ну декораторы в руки и вперед?)

они же не робят на проперти

можешь попробовать прокси использовать

они на сеттеры/геттеры вешаются

можно поизвращаться

ну либо писать функцию аля

getValue(type) и в типе передаешь для клиента/сервера тебе нужно value

возвращается объект с нужными свойствами, но от мапа не уйти ни как тут, мне кажется

почитаю, спасибо

почитаю, спасибо

https://learn.javascript.ru/proxy вот тут можно глянуть

прокси полифилятся?

прокси полифилятся?

Насколько я помню - нет

?

А по-моему да: https://github.com/GoogleChrome/proxy-polyfill

ERROR: S client not available

Но он медленноват

и не полный

но гет/сет реализует

SO эволюционирует: http://stackoverflow.com/documentation/javascript/topics

Может кому пригодится https://github.com/lamo2k123/daemon-command-webpack-plugin https://www.npmjs.com/package/daemon-command-webpack-plugin

Огонь!

А кто использует https://robertknight.github.io/posts/webpack-dll-plugins/ ?

@klimashkin у вас много и большие сборки. Рассматривали или внедряли?)

А кто использует https://robertknight.github.io/posts/webpack-dll-plugins/ ?

я в development-е использую, уменьшило время пересборки в watch-е

я в development-е использую, уменьшило время пересборки в watch-е

На сколько??

На сколько??

сейчас пересобирается за 700мс, было по-моему за 2сек

давно внедрял уже

или даже больше

Вендоров только выкинули??

да, только вендоры. Парсил package.json и брал все из dependencies, исключая не-js пакеты(вроде normalize.scss) вручную прописанным списком.

https://gist.github.com/auser/1d55aa3897f15d17caf21dc39b85b663 понимаете какой пиздец?

есть более щадящий способ загрузить гугл карты и сделать все что нужно с объектом?

https://github.com/istarkov/google-map-react

https://github.com/istarkov/google-map-react

норм вроде

а onclick по балуну ты делал?

Неа, у меня простая задача была

Слухайте, а кто как делает 404 на клиенте? Ну мол есть длинный урл и редаксовский стейт с полями, в которые должны запихнуться данные. Сейчас сделал странную штуку: если данных нет запихиваю туда Symbol с ошибкой.

Можно ещё, наверное, в однельный список ошибки складывать с какими-нибудь айдишниками. Но, кажется, что это намного сложнее.

А при чем 404 и редакс?

Это ж к роутеру больше вопрос

Ну как-то же компонент должен узнать, что тут ничего нет.

404 это ошибка роутинга а не отсутсвия данных

Или типа прям в роутере проверять и если нет рендерить отдельную страаничку?

404 это ошибка роутинга а не отсутсвия данных

Слухай, да. Надо переделать.

<Route path="*" component={NoMatch}/>