а в чем проблема?

Проблема в что объектя тянут значения из бд. а :hover не хочеть через style передаваться

напиши в css файле

я бы так и сделал еслибы значения из базы бы не бралиь

как это связано с псевдо селектором в css?

АААААААААААААА е*а*ь 3 часа потратил

http://formidable.com/open-source/radium/docs/guide/

все еще любопытно про связь стилей с базой данных =)

https://github.com/zerobias/ensue

я правильно понимаю что это как compose из recompose?

@ZeroBias

какие бесполезные пай чарты

и все еще непонятна история с базой данных

=(

я правильно понимаю что это как compose из recompose?

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

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

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

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

сейчас не понял

сейчас не понял

Ну короче pipe и compose имеют один принцип, а ещё тот же принцип в ряде других таких функций, можно его выделить и оптимизировать, например

нубовопрос, в чем профит ssr?

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

a11y

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

это не вебпак, это ты депсов много накидал. посмотри что у тебя там с помощью этого webpack-bundle-analyzer

это не вебпак, это ты депсов много накидал. посмотри что у тебя там с помощью этого webpack-bundle-analyzer

ничего не понял, я новичок если что)

много зависимостей

ок

как проверить, что лишнее?

эм

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

я не в курсе как его использовать

в ридми я думаю написано

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

я сегодня бандл ужал с 1.5мб до 50кб с помощью него

я не в курсе как его использовать

нашёл ридми?

как проверить, что лишнее?

https://github.com/th0r/webpack-bundle-analyzer#installation-and-usage

Понял, буду смотреть

Подскажите, у меня есть своя библиотека, которая в начале производит инициализацию а дальше вызывая методы обращается к API. Как правильно прикрутить Ее к react. Чтобы при загрузке страницы проинициализировать и дальше дергать методы

я сегодня бандл ужал с 1.5мб до 50кб с помощью него

Какой у тебя там ужас творился, раз на столько?

Салют коллеги! Кто нибудь читал сурсы самой либы? Я не могу найти методы getChildContext

Даже так

Сам метод вижу а вот сигнатура непонятна

Какой у тебя там ужас творился, раз на столько?

примерно так https://twitter.com/iamstarkov/status/803722037621620740

Сам метод вижу а вот сигнатура непонятна

а что там?

Да разобраться хочу до конца, чтобы поэкспериментировать в будущем

Да разобраться хочу до конца, чтобы поэкспериментировать в будущем

покажи в чате что тебе непонятно в сигнатуре

Момент

Пошёл за лептоп

Всем привет) Кто знает почему react-intl может форматировать дату в разных браузера по разному locale=da и при загрузке подлюкачется соотвествующая локаль через addLocaleData. На выходе получаю IE11: 1-12-2016 Chrome и FF: 1/12/2016 Safari: Tue Aug 02 2016 23:21:09 GMT+0300 (MSK) Компонент выглядит так: <FormattedDate value={previewItem.snippet.publishedAt} year='numeric' month='numeric' day='numeric' />

Всем привет) Кто знает почему react-intl может форматировать дату в разных браузера по разному locale=da и при загрузке подлюкачется соотвествующая локаль через addLocaleData. На выходе получаю IE11: 1-12-2016 Chrome и FF: 1/12/2016 Safari: Tue Aug 02 2016 23:21:09 GMT+0300 (MSK) Компонент выглядит так: <FormattedDate value={previewItem.snippet.publishedAt} year='numeric' month='numeric' day='numeric' />

во всех браузерах одинаковая локаль?

да проверял локаль одинаковая

как проверял?

перед тем как addLocaleData логировал локаль?

да и логгировал сам файл внутри функции

проверял просто логом перед тем как указать локаль

ага

самое простое окунуться в react-intl

я сегодня бандл ужал с 1.5мб до 50кб с помощью него

Сбросил лишение мегабайты

и смотреть что происходит внутри FormattedDate

спасибо, буду дальше intl ковырять)

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

todo list ?

ERROR: S client not available

еще советуют потренироваться таскать данные по API и выводить

с unsplash.com например или с ютуб

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

А какое твое хобби?

Кстати хороший подход)

написать что то, что связано с хобби?

Главное что бы хобби было в рамках законодательства страны и этических норм*

Да, напиши аппу, которую сам будешь использовать

Ребят, а отделять контойнеры и компоненты в отдельные файлы в реакте good practic ?

выходит у родителя вся логика, а у ребенка только view?

выходит у родителя вся логика, а у ребенка только view?

Smart and dumb components же все верно

нужно всегда разделять всегда на smart и dumb ?

или это уже на свое усмотрение

нужно всегда разделять всегда на smart и dumb ?

На твое усмотрение конечно

https://github.com/bradwestfall/CSS-Tricks-React-Series/tree/master/guide-2-container-components/app/components

вот пример

компонентов и контейнеров

вернее views

Ребят, а отделять контойнеры и компоненты в отдельные файлы в реакте good practic ?

Считаю это разделение одной из худших идей абрамова, это просто не работает

согласен

я тоже посмотрел и подумал что это излишество

только мешает

а мне в статьях пытаются втюхать что я не прав

Dumb component? Отлично, экспортируем dumb, нужен коннект к redux? Коннектим в том же файле, максимум в соседнем, на выходе мы все равно должны получить готовый к использованию компонент

Может на каком-то уровне абстракции создания реюзабельных штук его разделение и начнет иметь смысл, но точно не втупую в условном todolist, компонент должен быть законченным, а тонкости его реализации — контейнер или dumb — быть скрытыми by design

Сама идея smart компонентов ставит нас в рамки маштабирования приложения, лично мне кажется что самый правильный вариант - считать компоненты функциями, ты им что-то дал, они тебе что-то вернули. А вот откуда ты это что-то взял redux, mobx, rx(...) им не важно

подскажите библиотеку для форм - рисования чтения валидации?

кстати, по поводу валидаций - что для схем используете в работе?

Есть популярный joi, но мне нравится подход schema-inspector https://atinux.fr/schema-inspector/

Сама идея smart компонентов ставит нас в рамки маштабирования приложения, лично мне кажется что самый правильный вариант - считать компоненты функциями, ты им что-то дал, они тебе что-то вернули. А вот откуда ты это что-то взял redux, mobx, rx(...) им не важно

++

так а для рисования форм что взять?