на урезании функционала

На редких багах

гм, ну я примерно так и думал. То есть не на том, что у реакта есть абстракция над рендером, что позволяет менять render target, то есть react-native, react-canvas, etc.?

Здесь браузер сапорт https://preactjs.com/about/browser-support А здесь расписано чего есть и чего нет в преацте https://preactjs.com/guide/differences-to-react

ещё чего понравилось -- в jsx-конструккциях не нужно аттрибут class заменять на className . оно это заменяет само под капотом.

не понимаю, на чем библиотеки вроде preact экономят?

Совершенно другая архитектура, отсутствие ненужных абстракций. Если портировать апи под разные платформы, то всё равно нужно использовать совершенно другие структуры данных и алгоритмы, тк например в случае если "dom" операции быстрые, то желательно использовать алгоритм для диффа, который будет работать быстрее, и можно забивать на уменьшение кол-ва дом операций, общее будет только апи.

Здесь браузер сапорт https://preactjs.com/about/browser-support А здесь расписано чего есть и чего нет в преацте https://preactjs.com/guide/differences-to-react

Не понятно как тестировать это чудо без парадигмы Synthetic Events

на реальных DOM событиях это не всегда удобно )

чо за парадигма?

https://facebook.github.io/react/docs/events.html

ну да. они и пишут что реализации обёртки над событиями у них нет. так как её пришлось бы поддерживать )

ну да, это как раз очень крутая фича реакта

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

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

ну да, как в жыквере :)

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

у них ещё чилдрен нет )

React.Children

как-то так это выглядит: https://facebook.github.io/react/docs/test-utils.html#simulate

ну, React.children, насколько я помню, содержит набор хелперов

я правда не сталкивался с необходимостью использовать их

ну, React.children, насколько я помню, содержит набор хелперов

ну там просто children всегда массив

да

я правда не сталкивался с необходимостью использовать их

Если ребенок единственный, то это будет объект, и что бы не делать доп проверки, есть функция которая превращает детей в обычный массив, с которым можно работать

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

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

кто знает )

все это всплывает быстро на радио кнопках

Я попробовал преакт-бойлерплейт . могу сказать, что для знакомства с реактом это норм штука. на ней вполне можно хреначить быстро и непринуждённо. Без лишних линтеров проптайпсов саги и прочей ерунды которая понадобитя потом )

все это всплывает быстро на радио кнопках

а какая проблема с ними ?

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

Я попробовал преакт-бойлерплейт . могу сказать, что для знакомства с реактом это норм штука. на ней вполне можно хреначить быстро и непринуждённо. Без лишних линтеров проптайпсов саги и прочей ерунды которая понадобитя потом )

бойлерплейты все хороши, пока реальный проект не начнешь делать

у радиокнопок нет события change

нормального

у input'а кстати тоже не во всех случаях событие change происходит

вообще довольно много мелочей есть

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

у input'а кстати тоже не во всех случаях событие change происходит

чейндж происходит по блюру на <input type=text> то что в реакте чейндж - в обычном доме это кей даун кей ап и кей пресс. возможно ещё oninput )

оно и плюс и минус в общем. но скорее плюс )

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

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

да. ваще шик.

Скоро вместо жиквери виджетов будут реакт виджеты

В целом да, для простых проектов вполне ок

чейндж происходит по блюру на <input type=text> то что в реакте чейндж - в обычном доме это кей даун кей ап и кей пресс. возможно ещё oninput )

Я слышал, что там проблема с автокомплитом возникает. Как внутри работает — не смотрел

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

друзья, такой вопрос есть: по таймауту делаем запрос к бэкенду и сравниваем данные из респонса с кешем (не обновились ли данные на сервере), иногда надо сделать force проверку, не по таймауту, но в данном случае я не могу быть уверенным, что данные уже "новые, с сервера", а не используются из кэша какие решения для таких проблем используются?

используем свою реализацию flux, не redux

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

Оно? https://github.com/reactjs/redux/pull/658

Оно? https://github.com/reactjs/redux/pull/658

спасибо!

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

https://github.com/mxstbr/react-boilerplate/blob/master/app/utils/asyncInjectors.js#L6

как правильно засетить данные которые приходят асинхронно

как правильно засетить данные которые приходят асинхронно

что значит "засетить" ?

в стейт добавить

можешь в componentWillReceiveProps проверять

у меня со стора приходят данные в стейт. но мне нужно пересетить в другой филд

пришли данные или нет

Пересетить в другой филд это что ?

друзья, такой вопрос есть: по таймауту делаем запрос к бэкенду и сравниваем данные из респонса с кешем (не обновились ли данные на сервере), иногда надо сделать force проверку, не по таймауту, но в данном случае я не могу быть уверенным, что данные уже "новые, с сервера", а не используются из кэша какие решения для таких проблем используются?

up :) есть идеи?

друзья, такой вопрос есть: по таймауту делаем запрос к бэкенду и сравниваем данные из респонса с кешем (не обновились ли данные на сервере), иногда надо сделать force проверку, не по таймауту, но в данном случае я не могу быть уверенным, что данные уже "новые, с сервера", а не используются из кэша какие решения для таких проблем используются?

timestamp обновления сравниваешь и все

Ребят, расскажите пожалуйста кто каким тест ранером пользуется для react-redux приложений, что бы по тдд спокойно кодить, и тесты гонялись по изменению файла и тест файла?

как я понял основные это karma, protractor, ava и jest или есть еще что то стоящее, на что можно обратить внимание?

Парни привет, видали такое? https://i.gyazo.com/7cbca8ccf8c2f41eab1b2e0c5d1f3fce.gif

https://github.com/ReactJSTraining/history/blob/master/modules/createHashHistory.js#L8

Компонент видимо много раз рендерится.

ERROR: S client not available

Anton Очевидно на странице авторизации проводится аутенфикация. Пади роуты и пермишены прописаны криво

это начинает происходит когда я сую syncHistoryWithStore любую кастомную историю

с hashHistory все ок работает

@sakalr при открытии страницы это происходит, без каких либо доп действий, в финалочке браузер падает

не удивительно

ушёл авторизоваться, а ему говорят что нет прав иди авторизуйся и так по циклу

типичный же баг для веба

но не в этом случае

@andreychev спасибо)

Народ, а кто знает где можно почитать про динамическую подгрузку компонентов реакта?

как я понял основные это karma, protractor, ava и jest или есть еще что то стоящее, на что можно обратить внимание?

Все они это могут, jest мне кажется болью, лучше уж jasmine/mocha

@mkusher а у тебя есть предпочтения по выбору? ) и почему они такие? )

http://redux.js.org/docs/recipes/WritingTests.html

@Melongeno webpack chunks? CommonsChunkPlugin

@mkusher а у тебя есть предпочтения по выбору? ) и почему они такие? )

Я юзаю моку

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

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

Как в redux-form сохранить данные если кнопка submit находится в не формы? Я правильно понял, что для этого есть метод getValues который должен вернуть значения нужной формы?

народ, а есть пример, как собрать себе postcss-pack, вроде postcss-cssnext?

Крик души :) Всех с началом продуктивной недели! https://www.youtube.com/watch?v=p5g4giWmcvE

народ, а есть пример, как собрать себе postcss-pack, вроде postcss-cssnext?

исходники ccsnext?

исходники ccsnext?

я посмотрел, там многобукв)

что-то проще хочется, чтобы прям раз и понятно)

¯\_(ツ)_/¯

спроси в гиттере postcss

что-то проще хочется, чтобы прям раз и понятно)

не уверен насколько это pack, скорее это просто конфиг, но https://gist.github.com/vyorkin/d1b7a23905799b2681c3970a267e63d4

почти, но не то

надо чтобы интерфейс был postcss плагина

ща пойму, скину)

а, все, понял

https://gist.github.com/nkt/10a1c931a420360fc4bb5e2482663e05