сейчас смотрю

ошибка возникает при установке?

Не, при использовании. У кого-то зависимость не была проставлена

Я просто поставил модуль module)

Размер рантайма впечатляет ? Кажется, у меня в бандл прилетел серверный вариант или что-то подобное)

import preJSS from 'prejss' const layout = preJSS` layout { display: flex; color: red; } ` И сразу бандл на 4 мегабайта увеличивается.

Допускаю, что в пять утра, я мог сделать неправильно примерно так всё))

Так, вроде всё пофиксил по PreJSS? :)

перешел на postcss, промучался час с настройкой, теперь работает

Допускаю, что в пять утра, я мог сделать неправильно примерно так всё))

просто это не предполагается тащить на клиент) для клиента есть бабель-плагин

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

import preJSS from 'prejss' const layout = preJSS` layout { display: flex; color: red; } ` И сразу бандл на 4 мегабайта увеличивается.

ты просто по сути притащил в бандл postcss с плагинами))))

просто это не предполагается тащить на клиент) для клиента есть бабель-плагин

А, блин, а я начал отключать всё по очереди именно с них, продолжил вебпаковскими плагинами, оставил это ?

ты просто по сути притащил в бандл postcss с плагинами))))

Да я вижу))

npm install babel-plugin-transform-prejss :)

Надо наверное warning добавить какой-нибудь на случай, когда 5 утра :)

?

Вон за окном уже птички радостно запели :)

Сейчас накидаю простенький пример проекта :)

а какой минимальный xcode требуется для react native? в доке написано просто "чтобы установить xcode 8...", у меня 6.4

:) Это лучше @reactnative_ru помучать

Всем привет!

а jss не умеет обычные теги? например, .form input {..}

Да вроде умеет

Да вроде умеет

со стандартным пресетом не получается, тупо нет вложенных элементов, даже классов

ааа, & обязателен! это вам не SASS )

А тем временем на подходе свежая версия babel-plugin-transform-prejss :)

с баг фиксом и двумя новыми опциями

теперь при сборке PreJSS не включается в бандл, а это значит он сохранят свой прежний размер :)

$ ls -al dist/assets/js total 368 drwxr-xr-x 3 denisizmaylov staff 102 Mar 27 08:18 . drwxr-xr-x 4 denisizmaylov staff 136 Mar 27 08:18 .. -rw-r--r-- 1 denisizmaylov staff 188044 Mar 27 08:18 main-5a7onag5q.js

https://github.com/axept/babel-plugin-transform-prejss

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

посоветуйте что-нибудь для создания простой анимации в React. в частности нужно сделать fadeIn/Out при переходе между страницами.

а jss не умеет обычные теги? например, .form input {..}

это ведь постцсс плагином подразумевалось разрулить

это ведь постцсс плагином подразумевалось разрулить

Для того, чтобы уметь базовый цсс? Плагин nested работает, если амперсанд использовать

Для того, чтобы уметь базовый цсс? Плагин nested работает, если амперсанд использовать

Как-то вот так да :) https://github.com/axept/babel-plugin-transform-prejss/blob/master/examples/basic/src/index.js

Для того, чтобы уметь базовый цсс? Плагин nested работает, если амперсанд использовать

а, рили, а я чет подумал что это пример с нестед

Ребят, чтобы вам было проще и удобней внедрять PreJSS - опубликовал в качестве примера небольшое изоморфное React.js-приложение с SSR, HMR, JSS и PreJSS. Будем рады любому фидбэку: https://github.com/axept/prejss-example-app

Ребят, чтобы вам было проще и удобней внедрять PreJSS - опубликовал в качестве примера небольшое изоморфное React.js-приложение с SSR, HMR, JSS и PreJSS. Будем рады любому фидбэку: https://github.com/axept/prejss-example-app

Спасибо тебе, добрый человек. Как мне такого примера не хаватало месяц назад ?

Тадам! ? Жизнь налаживается :)

cc @hlomzik @ZeroBiias @ZeroBiias

Доброе утро, ребята, помогите пожалуйста отрефакторить, а то я тут кашу уже наворотил и сам запутался https://gist.github.com/sanyco86/a8850dce05bdd344b1e33eddfa3b617f

Вопрос такой: почему нельзя сделать вот так dispatch(action1()); dispatch(action2()); Нужно подключать thunk из redux-thunk, но оказалось что и этого мало, надо чтобы возвращался promise. Можете объяснить или кинуть ссылку, где по теме написано? Тут мой код, он работает, но я не понимаю как. https://bitbucket.org/ne_tru/todomvc-redux-react-typescript-combobox2/src/38765bae986c47eb3c1c4bad49420153839d65d3/client/todos/components/ComboBox.tsx?at=master&fileviewer=file-view-default

Ребят, скажите, у всех hot-reloader глючит, если менять какую-то существенную логику, например, ошибки при подключении сторонних библиотек, или мой hot-reloader настрое плохо?

И еще, если я нажимаю F5, то мне пишет: Cannot GET /products Как настроить так, чтоб нормально подхватывался файла Index.html?

Вопрос такой: почему нельзя сделать вот так dispatch(action1()); dispatch(action2()); Нужно подключать thunk из redux-thunk, но оказалось что и этого мало, надо чтобы возвращался promise. Можете объяснить или кинуть ссылку, где по теме написано? Тут мой код, он работает, но я не понимаю как. https://bitbucket.org/ne_tru/todomvc-redux-react-typescript-combobox2/src/38765bae986c47eb3c1c4bad49420153839d65d3/client/todos/components/ComboBox.tsx?at=master&fileviewer=file-view-default

можно, но не совсем так, надо транслировать экшины в пропертис, а потом вызывать их из свойств

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

можно, но не совсем так, надо транслировать экшины в пропертис, а потом вызывать их из свойств

mapDispatchToProps ? Я слушал подкаст "Пятиминутка React", там как раз говорилось что нельзя 2 подряд экшена диспатчить. Для этого нужен redux-thunk.

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

а что за пятиминутка реакт?

Для скорострелов

а что за пятиминутка реакт?

http://5minreact.ru/4-redux-actions/

mapDispatchToProps ? Я слушал подкаст "Пятиминутка React", там как раз говорилось что нельзя 2 подряд экшена диспатчить. Для этого нужен redux-thunk.

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

Ребята

В чем беда?

делал уже с mapDispatchToProps и redux-thunk, работало нормально, но когда на работе дал на ревью, мне сказали сделать с промисами. Скорее всего на проекте у них тоже промисы, поэтому так.

Warning: Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`. in Router

import React, {Component} from 'react'; import ReactDOM from 'react-dom'; import {Router, Route, IndexRoute, browserHistory} from 'react-router'; import App from './components/App'; ReactDOM.render( <Router history={browserHistory}> <Route path = '/' component ={App} /> </Router> , document.querySelector('#react'));

Warning: Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`. in Router

Написано же

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

у тебя browserHistory === undefined

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

ERROR: S client not available

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

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

Пипец

Чеж так быстро то все меняется

Спасибо большое...

Если зафиксировать версию, то ничего меняться не будет :)

С чем может быть связано то что в браузере не видны комментарии jsx

С чем может быть связано то что в браузере не видны комментарии jsx

JSX != HTML

JSX —> JS

С чем может быть связано то что в браузере не видны комментарии jsx

ты видишь комменты из JS в DOM браузера?

ты видишь комменты из JS в DOM браузера?

А как их можно добавить, ну или хотя бы если разметку со страницы стянуть они будут там?

https://facebook.github.io/react/docs/jsx-in-depth.html

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

Ну и где там про комментарии?

в реакте виртуальный дом - и комментарии тоже будут в доме

виртуальные комментарии!

Ну я и спрашиваю, могу ли я как-то стянуть их?

воришка

ты кажется не понимаешь как работает jsx

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

Ответьте просто да или нет

в принципе да, как и любой объект DOM

Ответьте просто да или нет

я думаю только через dangerouslySetInnerHTML либо императивно в через рефы

Понятно, спасибо, через dangerously сделаю, тут просто верстка емэйл шаблонов

случайно в эти комментарии не вставлены управляющие конструкции для вёрстки?

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

Чем тебе не подходит стандартный <!-- -->?

У меня верстка шаблона вся в jsx

И?

Комментарии в таком виде {/* <!--[if (gte mso 9)...]--> */}

Я скорее всего туплю и такие комментарии не отображаются потому что я не в ие9 сижу, либо то что у меня и такая запись {/* и такая <!--

они не отображаются, потому что {} выполняет js код, и он у тебя выполняет комментарий = > ничего не происходит