Маленькая формочка. Npm ставиться минут 5. Итоговый бандл почти 3 метра.

Это все потому что у тебя yarn нет

Ещё и алертами с этим Бабелем иногда отлаживается приходится. :(

yarn +

оче быстро

yarn - очень сыро

Ето обман, чтобы набрать классы

Маленькая формочка. Npm ставиться минут 5. Итоговый бандл почти 3 метра.

А зачем вообще жс в маленькой формочке?

И нпм и йарн?

В смысле наверное на спор можно хоть на сто мегабайт бандл сделать

А зачем вообще жс в маленькой формочке?

Ну дык- реакт редукс редукс-формс, i18n и полетели.

Вот это же все не нужно для маленькой формочки

Без redux forms уж точно можно вполне обойтись

Можно еще jquery ui подрубить

Или там бекбон с чаплиным

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

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

Например восстановление полей по кнопке "бэк"

Ну тут ничего не поделать. SPA.

А нужна ли спа?

Или хватит хтмл файла и 10 строчек в теге скрипт?

Нужно spa ;)

Тогда это не маленькая формочка

С моей точки зрений херня а не формочка.

Д в е формочки

динамические формочки

хлопцы

я новичок но как отправлять и принимать данные в реакте

вездка какой то $.ajax

везде*

но я чую должен быть fetch

https://learn.javascript.ru/fetch

я новичок но как отправлять и принимать данные в реакте

Axios и redux-thunk

вездка какой то $.ajax

axios

я новичок но как отправлять и принимать данные в реакте

props

Axios и redux-thunk

спасибо, потыкаюсь

superagent

спасибо

https://learn.javascript.ru/fetch

а Axios

че за он

посони. что сейчас тренд в css-in-js

нужно что-то минимальное

не громоздкое

http://lmgtfy.com/?q=axios

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

посони. что сейчас тренд в css-in-js

jss и aphrodite

спасибо

glamor

и styled-components

последнее слышал

спасиб

и это проблема, что их уже указали 4 штуки)

Это которые на tagged templates?

Есть ещё и radium ?

radium большой

я вот хочу preact + preact-compat + preact-router

сейчас бандл - 7кб

хотел mobx - но уже тогда 28кб

редакс тоже много ибо нужно redux, react-redux (connector), redux-thunk

что на выходе - 20кб

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

Не задавать глупых вопросов!

и styled-components

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

в преакте нет синтетик эвентс. а значит на ие 10 и 11 могут быть проблемы. если ие не учитывается, то вероятно это аппа для внутреннего использования, а значит можно обязать всех ждать загрузки бандла в обязательном порядке

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

ну и в хроме с фф тоже проблемы могут быть

и в сафари)

в преакте нет синтетик эвентс. а значит на ие 10 и 11 могут быть проблемы. если ие не учитывается, то вероятно это аппа для внутреннего использования, а значит можно обязать всех ждать загрузки бандла в обязательном порядке

"developit" высказал довольно убедительный контр аргумент https://github.com/developit/preact/issues/36 React's Event System than it actually warrants: all it does is normalize some inconsistencies in older browsers. It does not make touch events work in non-touch browsers, or emulate mouse events in touch environments - it doesn't even account for Pointer Events. In modern browsers, it is very literally a thin abstraction on top of a nearly identical API.

где здесь контраргумент?

в all it does написан как раз аргумент

только почему-то он не указывает, что в older browsers входят все стабильные кроме фф и эдж

велкам в ишью трекеры браузеров

на некоторые баги есть ссылки в caniuse

а также придется иметь дело с event delegation

в реакт — нет

в преакте нет синтетик эвентс. а значит на ие 10 и 11 могут быть проблемы. если ие не учитывается, то вероятно это аппа для внутреннего использования, а значит можно обязать всех ждать загрузки бандла в обязательном порядке

проект не для внутренего использования. никогда из евентов ничего более чем event.target.value не юзал. даже у нас в enterprise уже IE11+

а также придется иметь дело с event delegation

поподробнее

Как я понял у него аргумент в том что Syntetic Events покрывают лишь часть этих проблем.

а преакте вообще ничего не покрывается из этого, но проблемы никуда не деваются и каких — этих?

меня оч привлекает скорось dev env'a

проект не для внутренего использования. никогда из евентов ничего более чем event.target.value не юзал. даже у нас в enterprise уже IE11+

я же написал, что часть багов есть и в текущих стабильных НЕие

сборки и first paint

понял

мбмб, есть какой-то curated-list на gh ?

ну есть caniuse, но там не все и не все актуально

можно еще @barbuza поспрашивать не наталкивался ли он на проблемы

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

он пробовал менять реакт на преакт (говорил, что не вышло)

@chicoxyzzy ты тыкал preact-boilerplate который офф ?

нет

там скорость запредельная в dev-mode

я про HMR

+ 7кб бандл сразу же снимает вопросы про chunks и lazy loading роутов.

https://github.com/developit/preact-boilerplate/issues/81