/front/node_modules/

удали из кэша гита

удали из кэша гита

как?

git rm —cached fille_or_dir

А изменения не потеряются?

если git rm —cached *

то есть если выносить те асинхронные операции, окончания которых требуют ререндера, в отдельные методы с декоратором, тогда всё норм будет

Все равно не получится - ты забыл про await. Вот его то перехватить не получится, вот ангуляр например - на докладах все так преподносили его зоны, а теперь все ангуляровцы сели в лужу когда приложение тупо не обновляется при использование нативных async-await )) И исправить это никак не получится)

Все равно не получится - ты забыл про await. Вот его то перехватить не получится, вот ангуляр например - на докладах все так преподносили его зоны, а теперь все ангуляровцы сели в лужу когда приложение тупо не обновляется при использование нативных async-await )) И исправить это никак не получится)

await не надо вообще перехватывать, а вот async функции запросто можно: по resolve/reject промиса делать обновление и можно ещё оставить ручной вызов функции update, если надо делать ререндер до завершения async метода

container-component еще "модно" юзать?

await не надо вообще перехватывать, а вот async функции запросто можно: по resolve/reject промиса делать обновление и можно ещё оставить ручной вызов функции update, если надо делать ререндер до завершения async метода

можно пример? какой нужно написать декоратор чтобы это работало? @action async updateComment(e){ const {comment} = this.props; comment.state = 'updating'; await request.put('/api/comment/'+comment.id, {text: e.target.value}); comment.state = 'updated'; }

А почему слэш обратный?

винда....

можно пример? какой нужно написать декоратор чтобы это работало? @action async updateComment(e){ const {comment} = this.props; comment.state = 'updating'; await request.put('/api/comment/'+comment.id, {text: e.target.value}); comment.state = 'updated'; }

Как сам декоратор написать я не знаю, это надо документацию смотреть. Но декоратору нужно сделать подмену метода таким образом: const oldMethod = наш оригинальный декорируемый метод; return function newMethod(...args) { let result = oldMethod.apply(this, args); if (result && typeof result.then === 'function') { result = result .then(r => { update(); return r; }) .catch(e => {update(); return Promise.reject(e); }); } else { update(); } return result; };

Ребзя, всем привет, кто не спит! Можете подсказать. Как эмулировать установку npm пакета локально?

Ребзя, всем привет, кто не спит! Можете подсказать. Как эмулировать установку npm пакета локально?

npm install file:../my-packet как-то так вроде

npm install file:../my-packet как-то так вроде

то есть, если у меня на рабочем столе лежит 2 папки, я могу в одной из них эмулировать установку соседней? Можешь посоветовать какие либо туториалы по этой теме? Заранее благодарю.

Зачем?

то есть, если у меня на рабочем столе лежит 2 папки, я могу в одной из них эмулировать установку соседней? Можешь посоветовать какие либо туториалы по этой теме? Заранее благодарю.

официальная дока npm и да, npm может ставить папку как пакет, даже git репозиторий как пакет

то есть, если у меня на рабочем столе лежит 2 папки, я могу в одной из них эмулировать установку соседней? Можешь посоветовать какие либо туториалы по этой теме? Заранее благодарю.

npm link

Как сам декоратор написать я не знаю, это надо документацию смотреть. Но декоратору нужно сделать подмену метода таким образом: const oldMethod = наш оригинальный декорируемый метод; return function newMethod(...args) { let result = oldMethod.apply(this, args); if (result && typeof result.then === 'function') { result = result .then(r => { update(); return r; }) .catch(e => {update(); return Promise.reject(e); }); } else { update(); } return result; };

да, так работает. Но достаточно добавить еще один await и это сломается @action async updateComment(e){ const {comment} = this.props; comment.state = 'updating'; await request.put('/api/comment/'+comment.id, {text: e.target.value}); comment.state = 'updated'; // не будет обновления :( await request.put('/api/comment/commit'+comment.id); comment.state = 'finished'; }Поэтому прийдется вручную добавлять update() а если так то решение с декораторами вносит больше путаницы

Зачем?

пишу библиотеку на основе es6, redux и postcss. Для того, чтобы проверить, как работает приложение.

Зачем?

Это полезно для расшаривания специфичного кода между родственными проектами типа бэкенда на ноде и фронтенда ну или для тестирования npm пакетов

да, так работает. Но достаточно добавить еще один await и это сломается @action async updateComment(e){ const {comment} = this.props; comment.state = 'updating'; await request.put('/api/comment/'+comment.id, {text: e.target.value}); comment.state = 'updated'; // не будет обновления :( await request.put('/api/comment/commit'+comment.id); comment.state = 'finished'; }Поэтому прийдется вручную добавлять update() а если так то решение с декораторами вносит больше путаницы

да update в декораторе сработает только после всех всех await

Так, как посоветовали выше, npm link же

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

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

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

их зоны делают монкипатчинг всех асинхронных операций - setTimeout, addEventListener, Promise.prototype.than и т.д - устанавливают свой обработчик который потом в конце сделает перерендер ангуляра. Раньше все вроде работало а с появлением async-await у них теперь облом

их зоны делают монкипатчинг всех асинхронных операций - setTimeout, addEventListener, Promise.prototype.than и т.д - устанавливают свой обработчик который потом в конце сделает перерендер ангуляра. Раньше все вроде работало а с появлением async-await у них теперь облом

ооо боже расставили костылей и теперь плачут, когда всё сломалось

кто-то подключал postgres к ноде ? что лучше всего использовать ?

кто-то подключал postgres к ноде ? что лучше всего использовать ?

https://github.com/brianc/node-postgres

там прям в каждом запросе открывать и закрывать конекшн ?

там прям в каждом запросе открывать и закрывать конекшн ?

это ж не пхп )

я не знаю - я только на java писал немного )

Кто-нибудь сталкивался с проблемами в react-router-redux 5ом?

Раньше все работало. Сейчас запускаю новый проект - ошибка

Все работает если убрать ConnectedRouter

Понятно, Пакет старый поставил

Верно.

Redirect меняет урл, но реакт не реагирует, куда смотреть? (новый роутер)

/help@GroupButler_bot

Start me to get the list of commands

Не "плюйте" на типографию, пожалуйста http://pierrickcalvez.com/journal/a-five-minutes-guide-to-better-typography

Не "плюйте" на типографию, пожалуйста http://pierrickcalvez.com/journal/a-five-minutes-guide-to-better-typography

Уважаем ее с:

Спасибо за статью ,сделана правда хорошо

на типографику

Товарищи, подскажите плз по реакту. Вот я фетчем получил жсон, там три массива. Я хочу каждый из массивов жсона распихать по дивам, для этого я создал компонент ResultPlate, у него там есть три поля в стейте, по ним и надо распихать. Но я что-то не могу понять как это правильно сделать. https://pastebin.com/3iW93BKw

Товарищи, подскажите плз по реакту. Вот я фетчем получил жсон, там три массива. Я хочу каждый из массивов жсона распихать по дивам, для этого я создал компонент ResultPlate, у него там есть три поля в стейте, по ним и надо распихать. Но я что-то не могу понять как это правильно сделать. https://pastebin.com/3iW93BKw

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

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

собственно почитать тут можно: https://reactjs.org/docs/react-component.html

А почему через пропсы, а не через стейты?

А почему через пропсы, а не через стейты?

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

Спасибо. Сейчас попробую

гайз, а что значит - создать калькулятор под worpdress? наверное, это не только написать его на js, но и прикутить интеграцию с админ-панелью этого сайта на wp? cледовательно, нужно знать api wordpress, как бонус?

Народ

Подскажите как анимацию сделать

Например прилетает количество лайков по сокету, и нужно, чтоб цифра плавно менялась

ERROR: S client not available

Или новое сообщение в чат приходит

Для динамических данных короче

https://github.com/reactjs/react-transition-group

гайз, а что значит - создать калькулятор под worpdress? наверное, это не только написать его на js, но и прикутить интеграцию с админ-панелью этого сайта на wp? cледовательно, нужно знать api wordpress, как бонус?

может лучше уточнить у заказчика?

Почему Jest не может найти соответствие в объектах (expect(…).matchToObject(…))? Всем привет ? Если написать: expect({ "__v": 0, "_id": "59d9c30d6ad38b63b80707d7", "groups": [], }).toMatchObject({ "__v": 0 }); то всё ОК. Если написать: expect(pseudoRes.json.mock.calls[0][0]) .toMatchObject({ "__v": 0 }); то тест проваливается: ● createPriceList Unhandled "error" event. (Error: expect(received).toMatchObject(expected) Expected value to match object: {"__v": 0} Received: {"__v": 0, "_id": "59d9c5edb57ee563b85b3840", "groups": []} Difference: - Expected + Received Object { "__v": 0, + "_id": "59d9c5edb57ee563b85b3840", + "groups": Array [], }) at Function.emit (events.js:185:19) at node_modules/mongoose/lib/model.js:3824:13 at node_modules/mongoose/lib/services/model/applyHooks.js:162:20 at _combinedTickCallback (internal/process/next_tick.js:95:7) at process._tickCallback (internal/process/next_tick.js:161:9)

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

expect(pseudoRes.json.mock.calls[0][0].__v).equal(0)

попробуй так

(не уверен за синтаксис)

Почему Jest не может найти соответствие в объектах (expect(…).matchToObject(…))? Всем привет ? Если написать: expect({ "__v": 0, "_id": "59d9c30d6ad38b63b80707d7", "groups": [], }).toMatchObject({ "__v": 0 }); то всё ОК. Если написать: expect(pseudoRes.json.mock.calls[0][0]) .toMatchObject({ "__v": 0 }); то тест проваливается: ● createPriceList Unhandled "error" event. (Error: expect(received).toMatchObject(expected) Expected value to match object: {"__v": 0} Received: {"__v": 0, "_id": "59d9c5edb57ee563b85b3840", "groups": []} Difference: - Expected + Received Object { "__v": 0, + "_id": "59d9c5edb57ee563b85b3840", + "groups": Array [], }) at Function.emit (events.js:185:19) at node_modules/mongoose/lib/model.js:3824:13 at node_modules/mongoose/lib/services/model/applyHooks.js:162:20 at _combinedTickCallback (internal/process/next_tick.js:95:7) at process._tickCallback (internal/process/next_tick.js:161:9)

проверил на repl, всё ок

Смотря какая там версия

Jest v20.0.4 node v7.4.0 linux/amd64

В jest был breaking change в последней

А, ну всё верно, тут 20

В 21 уже нельзя

ну и ладненько

У меня просто схожая проблема была

думаю это правильное улучшение

Error { code: 200, message: 'not ok' } перестал матчиться с просто объектом { code: 200, message: 'not ok' }

думаю это правильное улучшение

Думаю да

В 21 уже нельзя

У меня 21. Как быть?

Ну проверять как-то иначе)

Error { code: 200, message: 'not ok' } перестал матчиться с просто объектом { code: 200, message: 'not ok' }

А как ты поступил?

Экспортировал класс, начал создавать инстансы

Раз ему нужно совпадение по прототипу тоже

Окей попробую) Спасибо)

посоветуй плиз хороший слайдер для реакта, без jquery