А, всё.

Решилось.

Решилось.

В чем было дело?

Спасибо за уделенное время, запустил от лица админа, вроде бы работает. Вечно забываю об этом, хотя простая вещь.

Надо вообще перейти на Ubuntu, но из-за того, что у меня кабельный инет там настройка превратилась в ад :D

Спасибо за уделенное время, запустил от лица админа, вроде бы работает. Вечно забываю об этом, хотя простая вещь.

Это плохой способ решени проблемы

Чтобы не проверять структуры данных ручками. Например, в контексте реакта, можно не проверять что получилось три спана, что они идут в нужном порядке и в третьем из них дополнительно есть иконка(а в остальных нет).

Render to string и сравнить строки?

Render to string и сравнить строки?

Если с этой стороны смотреть, то из коробки идёт сохранение снапшота в файл, их сравнение, вывод диффа, возможность с помощью одного ключа пересохранить снапшоты.

и всё это вызов одной функции

ещё забыл, автоматическая организация снапшотов (по тесткейсам)

Если с этой стороны смотреть, то из коробки идёт сохранение снапшота в файл, их сравнение, вывод диффа, возможность с помощью одного ключа пересохранить снапшоты.

Так в чем профит? Я же могу строку хранить в переменной и сравнить по всем сценарием

Кто-нибудь знает, есть ли аналог Extract for Brackets, но для Atom?

Так в чем профит? Я же могу строку хранить в переменной и сравнить по всем сценарием

в какой переменной? Первый раз у тебя ничего нет. Тебе нужно сделать первый рендер, сохранить его, а потом сравнивать с ним

в какой переменной? Первый раз у тебя ничего нет. Тебе нужно сделать первый рендер, сохранить его, а потом сравнивать с ним

Именно так и сделаю

Первый раз зарендерю, а потом буду сравнивать

а в jest я просто напишу .toMatchSnapshot()

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

мы или про разное говорим, или я что-то не понимаю :)

Но тебе придётся следить за изменением компонента

Правильно?

конечно, если что-то изменится, я должен убедится, что это ок, а не баг. Но компоненты не меняются часто

Когда я в диффе, который выведет jest, увижу, что всё ок, то запущу тесты c -u, и снапшоты автоматом обновятся

Спасибо за уделенное время, запустил от лица админа, вроде бы работает. Вечно забываю об этом, хотя простая вещь.

Не работай под рутом

Не работай под рутом

ага

это пока rm -rf / под рутом не напишеш на боевом сервере, не приходит

Ребзя, а кто-нибудь ковырял todomvc на чистом reactjs? Откуда там Router подключается, что-то никак не пойму

https://twitter.com/sebmck/status/804408814657224706

Это драма или шуточки?

Не работай под рутом

Что такое рут?

root

Что такое рут?

http://help.ubuntu.ru/wiki/%D1%81%D1%83%D0%BF%D0%B5%D1%80%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C_%D0%B2_ubuntu

Ребзя, а кто-нибудь ковырял todomvc на чистом reactjs? Откуда там Router подключается, что-то никак не пойму

Может всё же есть такие!?)

mvc на реакте это плохая затея

Если доводить идеи redux до конца, то в итоге именно он и получится))

mvc на реакте это плохая затея

чем же?

тем что все что угодно можно к mvc свести)

а вы точно не путаете MVC, MVP и другие MV* ?

тем что все что угодно можно к mvc свести)

Да, главное правильно три буквы подписать

Если доводить идеи redux до конца, то в итоге именно он и получится))

на чистом реакте написано

редьюсеры - модели, connected компоненты - контроллеры, тупые компоненты - вьюхи. MVC как из книжки)

на словах всё можно свести)

но по факту эт немного не так

а ты докажи)

определения mvc нет, поэтому и любой спор - ниочем) также как либа/фреймворк

определения mvc нет, поэтому и любой спор - ниочем) также как либа/фреймворк

Конечно, есть )

а ты все равно его не знаешь

у каждого свое?)

именно

во, прям в доки редакса пихнуть можно)

у каждого свое?)

есть классическое определение, можешь у фаулера почитать. А то, что у каждого долбоеба есть свое представление о жизни - всем, конечно, насрать )

а пассивная модель?

а пассивная модель?

эт MVC

вот самый чистый

есть классическое определение, можешь у фаулера почитать. А то, что у каждого долбоеба есть свое представление о жизни - всем, конечно, насрать )

фаулер чтоли придумал mvc?

http://martinfowler.com/eaaDev/uiArchs.html - не благодарите

Ща все пойдут гуглить кто первым описал MVC :-)

https://habrahabr.ru/company/mobileup/blog/313538/

фаулер чтоли придумал mvc?

нет, он лишь описал

ладно

есть классическое определение, можешь у фаулера почитать. А то, что у каждого долбоеба есть свое представление о жизни - всем, конечно, насрать )

фаулер такой же долбоеб, как и остальные. Просто опыта побольше, и то, в паралельном js мире)

mvc на реакте это плохая затея

да вопрос не в mvc, я просто пока успел только своим велосипедом для роутинга попользоваться, а тут вдруг наткнулся, что без подключения чего либо есть Router в коде и стало интересно откуда ноги растут

вот самый чистый

mvc с пассивной моделью тоже mvc

ERROR: S client not available

таки я не спорю))

Добрый день. Я новичок в react Есть вопрос по поводу обновления state для reducer'a. У меня есть initial state такого вида const INITIAL_STATE = { items: {}, error:null, loading: true }; const goodsReducer = function(state = INITIAL_STATE, action) { switch(action.type) { case types.GET_GOODS: return { ...state, loading: true }; case types.GET_GOODS_SUCCESS: return { ...state, items: action.payload, loading: false }; case types.GET_GOODS_FAILURE: return { ...state, error:action.payload, loading: false }; case types.GET_GOODS_ITEM: return { ...state, loading: true }; case types.GET_GOODS_ITEM_SUCCESS: return { ...state, items: action.payload, loading: false }; case types.GET_GOODS_ITEM_FAILURE: return { ...state, error:action.payload, loading: false }; default: return state; } } Прикрепил скриншот с загруженными данными в State У меня есть операции CRUD. Я использую единственный state для всех видов операций. State у меня прошел нормализацию при помощи normalizr. Благодаря тому что данные нормализованы, я могу обращаться к нужному Goods по id. У меня два вопроса: Первый: У меня не верно обновляется state когда я получаю один единственный goods по id - операция READ Вот этот момент case types.GET_GOODS_ITEM_SUCCESS: return { ...state, items: action.payload, loading: false }; Я ожидаю что полученный items, должен объединиться с предыдущем state, вместо этого в state находить только что поступившей объект. Старые данные затираются, объединения старого state и с полученными данными не происходит. Возможно это из-за того что объект items.result содержит массив? Пробывал использовать библиотеку seamless-immutable - тоже самое. Второй: Как лучше организовать работу при запросе данных с сервера? Т.е. - я хожу по следующим страницам в браузере. /goods/ /goods/:id И каждый раз я отправляю get запрос на сервер, даже если данные уже содержатся в state, так как загружаю данные когда компонент монтируется componentWillMount() . Как этот момент организовать - делать проверку: если есть данные в state, то не нужно отправлять запрос на сервер?

но на только реакте строить mvc Это немного странно) Не думаешь?

нормас

нормально будет работать

выглядеть точно будет лучше чем ваше легаси на редаксе

конечно, setState рулит!

https://blog.talkjs.com/how-react-brought-model-view-controller-back-to-the-masses-4f3caf3a3f2f#.7firqp6uv

выглядеть точно будет лучше чем ваше легаси на редаксе

легаси?

для чего еще придумали componentDidMount, как не для ajax запросов?

а троллинг)

Добрый день. Я новичок в react Есть вопрос по поводу обновления state для reducer'a. У меня есть initial state такого вида const INITIAL_STATE = { items: {}, error:null, loading: true }; const goodsReducer = function(state = INITIAL_STATE, action) { switch(action.type) { case types.GET_GOODS: return { ...state, loading: true }; case types.GET_GOODS_SUCCESS: return { ...state, items: action.payload, loading: false }; case types.GET_GOODS_FAILURE: return { ...state, error:action.payload, loading: false }; case types.GET_GOODS_ITEM: return { ...state, loading: true }; case types.GET_GOODS_ITEM_SUCCESS: return { ...state, items: action.payload, loading: false }; case types.GET_GOODS_ITEM_FAILURE: return { ...state, error:action.payload, loading: false }; default: return state; } } Прикрепил скриншот с загруженными данными в State У меня есть операции CRUD. Я использую единственный state для всех видов операций. State у меня прошел нормализацию при помощи normalizr. Благодаря тому что данные нормализованы, я могу обращаться к нужному Goods по id. У меня два вопроса: Первый: У меня не верно обновляется state когда я получаю один единственный goods по id - операция READ Вот этот момент case types.GET_GOODS_ITEM_SUCCESS: return { ...state, items: action.payload, loading: false }; Я ожидаю что полученный items, должен объединиться с предыдущем state, вместо этого в state находить только что поступившей объект. Старые данные затираются, объединения старого state и с полученными данными не происходит. Возможно это из-за того что объект items.result содержит массив? Пробывал использовать библиотеку seamless-immutable - тоже самое. Второй: Как лучше организовать работу при запросе данных с сервера? Т.е. - я хожу по следующим страницам в браузере. /goods/ /goods/:id И каждый раз я отправляю get запрос на сервер, даже если данные уже содержатся в state, так как загружаю данные когда компонент монтируется componentWillMount() . Как этот момент организовать - делать проверку: если есть данные в state, то не нужно отправлять запрос на сервер?

на первый: return { ...state, items: action.payload, loading: false }; распиши по отдельности то что ты хочеш обновить var r = {} r.loading = false ... и так далее скорее всего найдеш ошибку между тем как ты думаеш это работает и как на самом деле

на первый: return { ...state, items: action.payload, loading: false }; распиши по отдельности то что ты хочеш обновить var r = {} r.loading = false ... и так далее скорее всего найдеш ошибку между тем как ты думаеш это работает и как на самом деле

Хорошо, попробую

Всем привет, подскажите плз. Допустим, у меня есть компонент MyInput, состоящий из input. Как мне получить из компонента App value компонента MyInput с помощью ref?

никак, тебе не должно такого хотеться

никак, тебе не должно такого хотеться

Его вкусы могут быть специфичны...

Есть такой способ this.refs.username.refs.input.value

Но как-то длинно

окей, прокинуть ref до нужного компонента)

никак, тебе не должно такого хотеться

почему нет)

А как тогда работать?) Через handleChange?

Есть такой способ this.refs.username.refs.input.value

За такое сразу антирекомендацию работодателям

А как тогда работать?) Через handleChange?

да

string ref - deprecated если что

За такое сразу антирекомендацию работодателям

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

string ref - deprecated если что

лол что ( а как работать с домом? (

string ref - deprecated если что

еще нет, если что

да

Но тогда же компонент перерисовывается, не? Разве это не плохо?

лол что ( а как работать с домом? (

функцию передавать

По-моему компоненты типа MyInput в идеале должны иметь минимально отличимый api от input компонента