в курсе. у меня такое извращение - JSX куски внутри HTML, для быстрого примера. Не подсвечиваются. Судя по инфе от babel - он должен тащить эту подсветку и всё же не тащит

Они прямо произвольно внутри HTML, или в каком-то теге?

мин через 20 смогу ответить

<script type="text/babel">

Не вижу пока альтернативы WebStorm из-за его source code navigation

И рефакторинги!

да и терминал внизу удобно смотрится)

<script type="text/babel">

Могу написать, как это сделать в Sublime. В конфиге для HTML по умолчанию (лежит в Packages\HTML.sublime-package\\HTML.sublime-syntax, это YAML) есть только поддержка простого вложенного JS (определяется по script без type или с type text/javascript). Нужно добавить в этот конфиг новый scope, указав в качестве открывающего маркера регулярку для script type text/babel, внутри изменить контекст на конфиг бабела: push:JavaScript (Babel).sublime-syntax Подробнее в документации по расширению подсветки синтаксиса конкретного редактора :)

в курсе. у меня такое извращение - JSX куски внутри HTML, для быстрого примера. Не подсвечиваются. Судя по инфе от babel - он должен тащить эту подсветку и всё же не тащит

По дефолту подсветка работает только в js и jsx-файлах, которые к HTML не имеют никакого отношения :)

вот вот

спасибо за наводку ??

Походу vscode > atom, если нет, то скоро точно будет, а если TypeScript то определённо

приветствую. подскажите пожалуйста, где можно посмотреть тренинги семинары по Реакту? локация не имеет значения

Походу vscode > atom, если нет, то скоро точно будет, а если TypeScript то определённо

На каком основании заявляете?)

Шустрее, и из коробки есть некоторые фичи

И развивается быстрее, сейчас

У стенфорда тоже есть онлайн-курсы

не, я именно вживую хочу

не онлайн

ребят, переписывайте всё на MobX, Redux уже не в тренде https://twitter.com/dan_abramov/status/723979142350417921

а потом все на cycle)

а потом все на cycle)

Спустя почти две недели реплаишь :D

ребят, переписывайте всё на MobX, Redux уже не в тренде https://twitter.com/dan_abramov/status/723979142350417921

Он мне так напоминает Knockout.js :)

в ридми написано, он им вдохновлялся

а есть те кто реально попробовал что-то с cyclejs впечатлился или не очень? только конкретнее

О, точно

MobX is inspired by reactive programming principles found in spreadsheets. It is inspired by MVVM frameworks like in MeteorJS tracker, Knockout and Vue.js. But MobX brings Transparent Functional Reactive Programming to the next level and provides a standalone implementation. It implements TFRP in a glitch-free, synchronous, predictable and efficient manner.

для mobx уже даже есть devtools от redux

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

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

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

Правило №1. Читать телеграм только после работы. Не всегда получается) Правило №2. Pomodoro

Правило №1. Читать телеграм только после работы. Не всегда получается) Правило №2. Pomodoro

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

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

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

Так и есть, сразу непривычно, но потом входит в привычку. Ну и в последние минуты лучше всего собираешься, если хочешь успеть закончить хотя бы основное до перерыва.

Мне очень помогает привычка доставать ПМ'ов расспроссами, чтобы они как можно точнее и детальнее описали задачу. Порой это помогает и им

Так и есть, сразу непривычно, но потом входит в привычку. Ну и в последние минуты лучше всего собираешься, если хочешь успеть закончить хотя бы основное до перерыва.

Пробовал такое делать с зарядкой для глаз, каждый час 10 минут выделял на отдых глазам, но потом стал отодвигать эти 10 минут ,потому что задача жуть как интересная, и отвлекаться не хочется или банально не хотелось бросать все на пол строчки. Так вот около 2-3 недель держался, потом забросил. Сейчас просто пью витамины для глаза, отдыха каждый час уже не делаю

Может надо привыкнуть к тому, что каждые 30 минут, 5 выделять на отдых, но мне это казалось каким-то минидедлайном, от которого только стресс появлялся:D

Все это до боли знакомо, главное втянуться, я так последние года 2 работаю, периодами забрасывя. Вопрос еще как задачи разбиты - если видишь, что задача на более чем 25 минут, нужно дробить.

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

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

pomodoro!

Как вам такая атьтернатива JSS-библиотеке? https://www.npmjs.com/package/aphrodite

а у тебя были реальные проекты, где jss был нужен?

парни, а кто-нибудь переводил jade на pug ?

А они разные?

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

ну вот в этом и вопрос)

Насколько я знаю – только имя.

Насколько я знаю – только имя.

ок, это гуд) спс

ок, это гуд) спс

По крайней мере в новостях так и было написано – переименовался. Апи не меняли.

В редакторах только нужно установить jade-синтаксис на pug файлы, а в остальном различий нет.

а зачем переименовали проект?

торговая марка есть https://www.jadeworld.com/

Парни, кто использовал react-intl, он умеет собирать все фразы в файл для перевода. Как это к примеру умеет i18next-parser. Не совсем понимаю как с react-intl получить все фразы для перевода в один файл

https://www.youtube.com/watch?v=wVo9Vdpk23g

По поводу сборщика — нашел только babel плагин, но он к примеру не может работать к примеру с php файлами.

а у тебя были реальные проекты, где jss был нужен?

Это проекты на React Native ?

так там свой StyleSheet вроде?

Так нет

Почти тот же JSS

Он отличается, конечно, но не больше, чем похож

https://www.youtube.com/watch?v=wVo9Vdpk23g

и пофиг что реакт чат... а если ща ультимейт семерку накатить и крякнуть и апдейтнуть до 10, то будет кошерная про?

и пофиг что реакт чат... а если ща ультимейт семерку накатить и крякнуть и апдейтнуть до 10, то будет кошерная про?

будет мусор для нищеброда

и да, ничего не активируется на 10

да, досмотрел видео))

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

ERROR: S client not available

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

если грохнуть кеш require перед запуском проблемных тестов, то все становится ок. но хотелось бы более адекватное решение

Призываю в чатик любителей cssModules. Интересует composition. Например, кнопка, может быть нормальной, активной, зеленой (здесь все понятно, .active { composes: normal }), но как быть когда нужно больше модификаторов? Например активная, и среднего размера? Есть топик, но я не до конца понял мысль: http://stackoverflow.com/questions/34324461/css-module-composition Как быть?

всем привет. Никто ava + react-toolbox не юзал? Можете подсказать, а то никак завести не могу

Одним словом, проблема вот в чем: Решил использовать ava для тестирования, настраиваю окружение. В тесте юзается компонент, который в свою очередь подключает компонент из react-toolbox. При запуске в этом компоненте получаю ошибку Cannot find module './style' конфиг ava в package.json "ava": { "files": [ "app/**/*.spec.js" ], "source": [ "app/**/*.{js,jsx}", "!dist/**/*" ], "match": [], "failFast": false, "tap": true, "require": [ "babel-register" ], "babel": { "presets": [ "es2015", "react" ], "plugins": [ [ "babel-plugin-webpack-loaders", { "config": "./webpack/ava.config.js" } ] ] } } содержимое ava.config.js import path from 'path'; export default { output: { // YOU NEED TO SET libraryTarget: 'commonjs2' libraryTarget: 'commonjs2', }, module: { loaders: [{ test: /\.styl$/, loader: 'style!css!stylus?resolve url' }, // Для react-toolbox { test: /(\.scss|\.css)$/, loader: ['style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]', 'sass?sourceMap'] }] }, resolve: { extensions: ['', '.scss', '.css','.json'] } }; Заранее спасибо всем неравнодушным =)

Коллеги, продолжаем искать интересных докладчиков из сообщест, а не из пиарных контор http://devconf.ru/ru/offers/js

Призываю в чатик любителей cssModules. Интересует composition. Например, кнопка, может быть нормальной, активной, зеленой (здесь все понятно, .active { composes: normal }), но как быть когда нужно больше модификаторов? Например активная, и среднего размера? Есть топик, но я не до конца понял мысль: http://stackoverflow.com/questions/34324461/css-module-composition Как быть?

в этом проблема цсс модулей, там нет модификаторов / состояний и все, по сути, сводится к набору нескольких классов

в этом проблема цсс модулей, там нет модификаторов / состояний и все, по сути, сводится к набору нескольких классов

И как быть? Забить хуй и юзать его как маппинг классов с хешами?

Просто сейчас все сводится именно к этому, есть sass/postcss, а cssmodules – для связки.

Почему об этом не говорят?

И как быть? Забить хуй и юзать его как маппинг классов с хешами?

¯\_(ツ)_/¯ решения лучше еще не нашли

Призываю в чатик любителей cssModules. Интересует composition. Например, кнопка, может быть нормальной, активной, зеленой (здесь все понятно, .active { composes: normal }), но как быть когда нужно больше модификаторов? Например активная, и среднего размера? Есть топик, но я не до конца понял мысль: http://stackoverflow.com/questions/34324461/css-module-composition Как быть?

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

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

В этом и проблема, что это не документировано.

composes: normal medium from '../button.css';

О, и что, мне N классов перелинковывать между собой?

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

О, и что, мне N классов перелинковывать между собой?

в смысле?

Да это же бред.

ща

композить все варианты – точно не вариант.

вот http://glenmaddern.com/articles/css-modules там правда почти до абсурда доведено, но суть в том, что композиция на то и композиция — позволяет очень точно взять то, что нужно

и вот такую херню можно городить, если хочется

.masthead { composes: serif bold 48pt centered from "./typography.css"; composes: paragraph-margin-below from "./layout.css"; }

а если не хочется — можно не городить ;)

Все эти примеры – вакуум, я их перечитал несколько раз, нигде нет примера когда у них больше одно модификатора.

не понял, какого модификатора?

composes: normal medium from '../button.css'; — ты не про это разве?

Смотри, есть normal, active, disabled, и есть sizes – s m l lg, мне надо каждый перелинковать из этого набора.

composes: normal medium from '../button.css'; — ты не про это разве?

А дальше?

normal small normal medium normal large normal xlarge active small.... и так далее?