Важен в первую очередь статьёй автора, как это делать

universal-router

пошел смотреть

а где статья?

А потому что react-router спамит левыми варнингами при hmr и вообще не собирается это фиксить

Кстати, если не путаю это проблема пришла когда Денис сделал новый react hmr

(который еще в бете под версией v3, хотя v2 была только альфа)

а где статья?

https://medium.freecodecamp.com/you-might-not-need-react-router-38673620f3d#.5mj4bzw8p Статья думаю даже важнее, чем готовый модуль

https://medium.freecodecamp.com/you-might-not-need-react-router-38673620f3d#.5mj4bzw8p Статья думаю даже важнее, чем готовый модуль

спасибо

может запилим свой роутер с name-ами и routes файлами?

https://reacttraining.com/react-router/web/example/route-config fallback на конфиг они кстати сделали в v4

Кстати, если не путаю это проблема пришла когда Денис сделал новый react hmr

Проблем нет, если нет дырявой абстракции

universal-router ничего такой асинхронные экшены из коробки

клево

Асинхронные экшоны из коробки..... дайте два!

Асинхронные экшоны из коробки..... дайте два!

http://slides.com/koistya/universal-router#/7

Ребята, подскажите как быть, нужно из конфига webpacka передать в sass название темы для имопрта, как лучше сделать?

пойду переделаю createrest чтобы на выходе объект для universal-routes вываливал и уже генераторы роутов из конфига для express

Ребят, скиньте какой-нибудь репозиторий на готовое приложение react+redux. Откуда можно что-то полезное подчерпнуть

может запилим свой роутер с name-ами и routes файлами?

Да не проблема https://tylermcginnis.com/build-your-own-react-router-v4/

о, видел эту статейку сегодня

https://google.gik-team.com/?q=react+redux+example

https://google.gik-team.com/?q=react+redux+example

чем не устроил http://lmgtfy.com/ ? Зачем своё поднимать?

Главная страница https://www.gik-team.com/ лагает как сучка

Ребят подкиньте конфиг Webpack 2 чтобы как пример посмотреть

чет ошибки валят и валят

попытался от Webpack 1 конфиг применить

webpack.js.org/configuration

спасибо большое ))

на том же сайте есть страничка Migration guide

??

Подскажите за Relay Какой конфиг писать для RANGE_ADD если parent - это SearchType у которого нет ID и следовательно parentID задать неоткуда. Перечитал все issues, все равно непонятно что делать в таком случае.

а без parentID он либо ругается что он не задан, либо не обновляет соответствующий record в сторе

Ребят подскажите, из опыта?

Верстать из psd макета лучше сначала в html а потом на компоненты готовый html бить или сразу в React?

да, подскажите из опыта :)

сразу в React

В идеале в реакт, потом апдейтить придется, а через html это делать очень стремно

То есть взять шаблон побить по компонентам визуально и понеслась?

ага

Спс

Ну да, но мне просто — я чаще сам все верстаю

Ну я тоже сам планирую, из макета psd верстать

но до этого приходилось с html переносить

было как бы понятно

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

Ну да, наверное вы правы

Ну да, но мне просто — я чаще сам все верстаю

Не мог бы ты подсказать, возможно ли в React делать анимацию чего угодно? и с помощью какого tool это лучше всего реализовывать? просто хочется чувствовать свободу в React как если бы это была JQuery

плюс какая то анимаци ещё и с Redux завязана

Простое — css и transition group, сложное что-нибудь типа https://github.com/chenglou/react-motion

Э, причем тут redux? Анимации пофиг откуда ты данные берешь

непонмю, была какая то проблема с менюшкой исходящая от Redux

Подскажите за Relay Какой конфиг писать для RANGE_ADD если parent - это SearchType у которого нет ID и следовательно parentID задать неоткуда. Перечитал все issues, все равно непонятно что делать в таком случае.

ну тут же точно кто-то разбирается

Простое — css и transition group, сложное что-нибудь типа https://github.com/chenglou/react-motion

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

Подскажите за Relay Какой конфиг писать для RANGE_ADD если parent - это SearchType у которого нет ID и следовательно parentID задать неоткуда. Перечитал все issues, все равно непонятно что делать в таком случае.

спроси @DenisIzmaylov

Подскажите за Relay Какой конфиг писать для RANGE_ADD если parent - это SearchType у которого нет ID и следовательно parentID задать неоткуда. Перечитал все issues, все равно непонятно что делать в таком случае.

@DenisIzmaylov попробую :)

непонмю, была какая то проблема с менюшкой исходящая от Redux

Вспомнил, менюшка должна была дождаться пока придет обнавление от Редюсера и после этого она должна была санимироваться (развернутся и показать все подменю) но не просто показать а плавно поменять height с 0 до количества height велеичин элементов внутри разворачиваемого блока

Вспомнил, менюшка должна была дождаться пока придет обнавление от Редюсера и после этого она должна была санимироваться (развернутся и показать все подменю) но не просто показать а плавно поменять height с 0 до количества height велеичин элементов внутри разворачиваемого блока

componentWillReceiveProps)

Поставил preact + react-compat. Вместо мегабайта стало 300 кб в dev версии, Вместо 200kb стало 90 кб в production версии.

Всё работает но сломался React dev tools плагин в хроме

а где наебалово?

а вот

:)

а где наебалово?

Там только DOM.

а чего нет?

я чот не очень понимаю что там еще )

а вот

???

Я ничего не ставил и стало весить 0кб :)

на самом деле я вчера посмотрел на 1.6Мб своей продакшн сборки и чот приуныл

Ребята, подскажите плиз как нормально из вебпака прокинуть переменную в sass, для выбора темы?

ERROR: S client not available

3 килобайт чистый preact - другое API. +20 килобайт react-compat заявляется о полном API и использовании любых react модулей.

слушай

а можно же теоретически от PRODUCTION подсовывать preact?

:)

оооо

отличная идея

(кроме того что возможна ситуация, когда dev работает а production нет)

это да

тесты надо гонять

а потом делаете <div>{condition ? <div> : null}<input></div> и внутреннее состояние инпута в preact'е теряется

ох

Ладно недельку погоняю пока пишу

Посмотрим.

webpack watch точно быстрее отрабатывает

WTF?

И F5 быстрее страницу обновляет

даже на локалке

почему у меня минимизированная версия в 4 раза больше RAW? :)

Кто какую структуру пректа в react использует?

AtomicDesign app/components - общие компоненты для всего приложения, используются повсеместно app/module/<name>/components - компоненты которые используются ТОЛЬКО в модуле <name> atoms - очень простые компоненты, stateless, внутри только html-теги и стили (ex. Button, Input) molecules - включает в себя атомы и стили, может иметь state (ex. DropDown) organisms - целые куски страниц, может иметь сложные стейты и управление данными, идеально — без стилей (ex. Header, Calendar, ProfileCard, LoginForm) templates - шаблоны страниц, используются как layout, может иметь подписки на сторы и фетч данных необходимых для отображения шаблона, с помощью props можно заменять части шаблона pages - целые страницы, нет стилей, нет html-тегов, является конечной точкой для роутеров, не может включать в себя другие страницы

А нет ли где более подробного примера

?

http://bradfrost.com/blog/post/atomic-web-design/

AtomicDesign app/components - общие компоненты для всего приложения, используются повсеместно app/module/<name>/components - компоненты которые используются ТОЛЬКО в модуле <name> atoms - очень простые компоненты, stateless, внутри только html-теги и стили (ex. Button, Input) molecules - включает в себя атомы и стили, может иметь state (ex. DropDown) organisms - целые куски страниц, может иметь сложные стейты и управление данными, идеально — без стилей (ex. Header, Calendar, ProfileCard, LoginForm) templates - шаблоны страниц, используются как layout, может иметь подписки на сторы и фетч данных необходимых для отображения шаблона, с помощью props можно заменять части шаблона pages - целые страницы, нет стилей, нет html-тегов, является конечной точкой для роутеров, не может включать в себя другие страницы

ВОООООТ то что я давно искааал ))))

Пример: http://demo.patternlab.io/

http://bradfrost.com/blog/post/atomic-web-design/

Чувак спасибо который раз, сильно выручаешь ))

Чувак спасибо который раз, сильно выручаешь ))

Я рад, что смог помочь)

Как завут кстати тебя?))

AtomicDesign app/components - общие компоненты для всего приложения, используются повсеместно app/module/<name>/components - компоненты которые используются ТОЛЬКО в модуле <name> atoms - очень простые компоненты, stateless, внутри только html-теги и стили (ex. Button, Input) molecules - включает в себя атомы и стили, может иметь state (ex. DropDown) organisms - целые куски страниц, может иметь сложные стейты и управление данными, идеально — без стилей (ex. Header, Calendar, ProfileCard, LoginForm) templates - шаблоны страниц, используются как layout, может иметь подписки на сторы и фетч данных необходимых для отображения шаблона, с помощью props можно заменять части шаблона pages - целые страницы, нет стилей, нет html-тегов, является конечной точкой для роутеров, не может включать в себя другие страницы

Выглядит интересно, уже не первый раз вижу, но как-то СЛАЖНО СЛАЖНО на первый взгляд тоже