попробовал так же, все равно он не видит реакта

а где и как ты запрашиваешь этот logo.svg?

import AssetLogo from './landing-assets/logo.svg'; export const Logo = props => <AssetLogo {...props}/>;; в отдельном js

как вы решаете проблему больших файлов? 170 строчек верстки jsx уже плохо читаются

разбивать на компоненты

это одна форма, дальше бить уже на label+input

например input + label завернуть в Input компонент

И если однотипные, то можно даже реюзать :)

форма из 20 полей - не нормально ни в коде, ни в интерфейсе. Скорее всего есть какие-то группы, которые делаются через fieldset. Вот выносить такие в компоненты

кто как делает фильтры с websockets? Задача: отображается список элементов cud для которых прилетает по ws, список можно фильтровать большим числом параметров

Интересно

кто как делает фильтры с websockets? Задача: отображается список элементов cud для которых прилетает по ws, список можно фильтровать большим числом параметров

Посмотри как яндекс маркет сделан, например. Только не очень понимаю, при чем тут транспорт, с http что-то изменится в задаче?

ну да, в случае http для выборок get сервер у нас что-то вроде чистой функции, а в случае ws, при изменении\добавлении\удалении объекта ему надо сообразить кому что послать

а, ты хочешь риалтайм фильтр?

да

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

тут что-то типа как у твиттера в лентах надо

гм, ну хранить на сервере для клиента фильтр, по апдейту собственно слать апдейт) Дифф да еще с условиями, не весело)

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

я думаю у твиттера легко как-то сделано

у вк все просто, long-polling -_-

например спрашиваем у сервера раз в 10 сек что есть с так-то даты новенькое

стоп, у твиттера тоже long-polling

тебе надо решить, это полноценный дифф должен быть, или нет

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

у меня важна актуальность данных

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

Посмотри как яндекс маркет сделан, например. Только не очень понимаю, при чем тут транспорт, с http что-то изменится в задаче?

На маркете не веб сокеты, там куча параметров в query string

import AssetLogo from './landing-assets/logo.svg'; export const Logo = props => <AssetLogo {...props}/>;; в отдельном js

нужно import React from 'react' в тех файлах, где используешь jsx

нужно import React from 'react' в тех файлах, где используешь jsx

Так я так и делаю

ну в примере не написал

Смотри, в файле где экспортятся все свг так я пишу: import React, {Component} from 'react'; import AssetLogo from './landing-assets/logo.svg'; export const Logo = props => <AssetLogo {...props}/>;;

Это прекрасно работает на клиенте, но когда я прогоняю на тестах, у меня валится эта ошибка

;;

Кто знает, как прочитать даные из Relay store напрямую, имея на руках query и data ID?

Это прекрасно работает на клиенте, но когда я прогоняю на тестах, у меня валится эта ошибка

на тестах? так может там окружение уже не так настроено?

хотя свг-реакт все равно должен добавлять

Это прекрасно работает на клиенте, но когда я прогоняю на тестах, у меня валится эта ошибка

а как ты svg тестишь?

Это прекрасно работает на клиенте, но когда я прогоняю на тестах, у меня валится эта ошибка

Просто предположение, logo.svg компилируется в отдельный модуль, в котором не рекваерится React, на клиенте есть глобальная переменная React, в тестовом окружении ее нет

Либо, если в получившемся модуле react все-таки рекваерится, то возможно, что react указан в externals, и в этом случае опять-таки используется глобальная переменная React

В екстерналс указал, первое что сделал

а как ты svg тестишь?

Я их не тесчу. И даже не собираюсь этого делать

оно под горячуу руку моке попадается видимо

В екстерналс указал, первое что сделал

речь ведь идет о webpack? для externals модулей webpack делает вот такую штуку: /* 1 */ /***/ function(module, exports) { module.exports = React; /***/ }, и потом рекваерит ее: var React = __webpack_require__(1); И если у нас нет глобальной переменной React (что для тестового окружения, скорее всего так и есть), получится ReferenceError: React is not defined

Вот черт

Ну тогда для глупеньких - как настроить моку с реактом?

а в чем трудность?

мока обычный тест раннер

а для реакта есть react-addons-test-utils

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

и куча абстракций над этой библиотекой

типо enzyme и т.п.

послее скорее даже свое решение

https://github.com/airbnb/enzyme/blob/master/docs/guides/mocha.md

AVA

я вот тут совершенно случайно столкнулся с авой

в ней невозможно дебажить тесты

там чел из джетбрейнс чо-то пилит и пропадает потом

один pr закрыли уже

второй висит

хм. я чот видимо не натыкался ещё на такую проблему

а так в принципе я о ней в лучшую сторону поменял мнение

но пока tape все равно ближе

она мне просто стек в консоль суёт еси что не так https://i.imgur.com/6o2K40S.png

наткнулся тут https://github.com/acdlite/recompose/pull/196

там ссылка на тот висящий pr

в нем ссылка на предыдущий pr

в нем ссылка на issue

ERROR: S client not available

трабла только в рхжс?

не, это понятно, что он выдает, но не всегда то, что нужно

трабла просто в жс

не важно

но пока tape все равно ближе

Что круто. У ава есть интерфейс для репорторов тейповский. А к тейпу всяких меланинов уже понапилили

там не маунтится нода в энзиме

и надо задебажить

Что круто. У ава есть интерфейс для репорторов тейповский. А к тейпу всяких меланинов уже понапилили

вот TAP не самый лучший протокол вывода, кстати

больше двойной вложенности не позволяет

там работают над спекой следующей

но оно как-то подвисло

вот TAP не самый лучший протокол вывода, кстати

Это лучше, чем ничего

В организации хотят интеграцию с тимсити

Везде есть. А в ава нет. Только через TAP

Допустим

да, это да

у нас xunit в дженкинсе выводит

вообще есть возможность tape тесты запускать параллельно тоже форками

чот не понял ничего что пишут в оп-посте. https://github.com/acdlite/recompose/pull/196 это пошаговая инструкция чтобы сломать?

оп пост — это что?

первый?

ага

Use rx-recompose-next branch: No RxJS dependency, depends on global Observable polyfill uses observables that conform to Observable spec and implement Symbol.observable Rename createComponent to componentFromStream

там суть в том, что раньше был отдельнй пакет rx-recompose

который работал только с rx

так

Эндрю хочет влить это все в обычный recompose и сделать так, чтобы был Observable, а дальше уже типа юзаешь что хочешь

но я там его убедил что это неправильно

потому что rx — это не полифилл, а для инетропа есть специальный символ

и если его сделать, то можно из обзервабла текущей спеки сделать обзервабл любой либы

конец

но там что-то мост не работает (я начал писать тесты)