Кто-нибудь смог настроить spacemacs для работы с react?

да, добавил в конфиг react

https://github.com/syl20bnr/spacemacs/tree/master/layers/%2Bframeworks/react

Вот, как эту штуку научить включать react-mode без прагмы и .jsx расширения ? Что-то вроде первой строкой импорт реакта вот и активируйся

он должен понимать import React

https://github.com/syl20bnr/spacemacs/blob/master/layers/%2Bframeworks/react/packages.el#L84

Проверил, по-прежнему js2 mode включает.

хз тогда

Проверил, по-прежнему js2 mode включает.

проверил тоже. у меня работает

https://github.com/googlechrome/preload-webpack-plugin

Эдька наш свет запилировал

??

проверил тоже. у меня работает

Снес emacs.d, поставил заново - работает, сенкс

?

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

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

@nodejs_ru

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

у строк же есть айдишники, вот их для строк используй, а для колонок названия полей, т.е. для конкретного поля у тебя будет название состоящее из айди строки и названия поля.

Тут бэкенда нет, если что

Id шки все ручками прописываю

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

я для подобной задачи uuid/v4.js использовал, недавно

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

Да не, сервера наверное не будет. Пока что просто демка в браузере, удаление-добавление колонок в таблице и её заполнение

и все равно uuid. тупо индексы тут не подойдут, что-то удалил, отсортировал, где-то не доглядел и все разъезалось

Может timestamp какой вбивать

Как вариант

почитай про uuid)

по сути это '' + Date.now() + Math.random()

Ага, понял. Спасибо всем

@nodejs_ru

Спасибо

Что можно использовать для передачи файлов?

Что можно использовать для передачи файлов?

<input type='file' /> ?

?

<input type='file' /> ?

Имею ввиду использование Ajax и т.п

Вчера тут обсуждали какой-то плохой dropdown, а хороший посоветовать можете?)

ребят, кто-нибудь в вебпаке экспортировал less в css в виде отедельного файла? Не могу победить ExtractTextPlugin

Как выглядит webpack.config?

{ test: /\.scss$/, loader: ExtractTextPlugin.extract( 'style-loader', [ 'css-loader?modules&importLoaders=1&localIdentName=[hash:base64:10]', 'postcss-loader', 'sass-loader?sourceMap' ]) }

если поменять scss -> less, sass-loader -> less-loader по идеи должно работать

поправка это первый вебпак, писалось гдето пол года назад

{ test: /\.less$/, loader: ExtractTextPlugin.extract({ fallbackLoader: 'style-loader', loader: "css-loader!less-loader", }) }, - webpack2

не забудь зависимости проставить

```const ExtractTextPlugin = require('extract-text-webpack-plugin') const extractCSS = new ExtractTextPlugin('[name].bundle.css') const config = { context: __dirname + '/src', entry: './app.js', output: { path: __dirname + '/dist', filename: 'bundle.js' }, module: { rules: [ { test: /\.json$/, enforce: "pre", use: 'json-loader', }, { test: /\.js$/, include: __dirname + '/src', use: [{ loader: 'babel-loader', options: { presets: [ ['es2015', { modules: false }] ] } }] }, { test: /\.scss$/, loader: extractCSS.extract(['css-loader','sass-loader']) }] }, plugins: [ extractCSS ] }; module.exports = config;

const ExtractTextPlugin = require('extract-text-webpack-plugin') const extractCSS = new ExtractTextPlugin('[name].bundle.css') const config = { context: __dirname + '/src', entry: './app.js', output: { path: __dirname + '/dist', filename: 'bundle.js' }, module: { rules: [ { test: /\.json$/, enforce: "pre", use: 'json-loader', }, { test: /\.js$/, include: __dirname + '/src', use: [{ loader: 'babel-loader', options: { presets: [ ['es2015', { modules: false }] ] } }] }, { test: /\.scss$/, loader: extractCSS.extract(['css-loader','sass-loader']) }] }, plugins: [ extractCSS ] }; module.exports = config;

вот так сейчас выглядит

пускай для scss не важно

и он его не компилит в файл, но если по простому, сразу в bundle.js то всё нормально

что я делаю не так?

Ошибки есть? Сам файл создается?

Первым аргументом в ExtractTextPlugin.extract должен передоваться style-loader

bundle.js создается,css нет

У меня loaders: { test: /\.styl$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader?minimize!postcss-loader!stylus-loader') }, { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader?minimize!postcss-loader') } plugins: new ExtractTextPlugin("[name].css"), entry: { app: './src/app'}

loader: extractCSS.extract(['style-loader','css-loader','sass-loader'])

не ничего не работает

всё пропало...

Блин, тут походу с утра что-то токсичное распыляют

?

Блин, опять роскомнадзор пастебин закрыл :(

как сказать вебпаку где лежит package.json

как сказать вебпаку где лежит package.json

Зачем ему package.json?

хм ну да, я просто подумал что он берёт от туда версию пакета

Всем привет. Подскажите пожалуйста. Есть родитель, на котором ивент онКлик меняющий стейт, есть дочерний элемент тоже с онКлик меняющий стейт. Никак не получается не отрабатывать ивент родителя при клике на дочернем, меняются оба стейта. Как решить?

Всем привет. Подскажите пожалуйста. Есть родитель, на котором ивент онКлик меняющий стейт, есть дочерний элемент тоже с онКлик меняющий стейт. Никак не получается не отрабатывать ивент родителя при клике на дочернем, меняются оба стейта. Как решить?

e.stopPropogation() не пробовали?

пробовал, не срабатывает

ERROR: S client not available

Код можно?

пробовал, не срабатывает

По-моему, z-index дочернего элемента нужно больше родительского сделать

Тут не реакта поведение, а браузера

По-моему, z-index дочернего элемента нужно больше родительского сделать

и как это поможет) дочерний элемент и без всяких z-index'ов виден поверх родителя

.stopPropagation действительно помочь должен

а как z-index влиякет на распространение ивентов ? первый раз о таком слышу

what about .stopPropagation(); + .preventDefault() ?

а как z-index влиякет на распространение ивентов ? первый раз о таком слышу

ну если элемент был "под", а стал "над", то очевидно последовательность слушателей поменяется

.stopPropagation действительно помочь должен

Тут либо логику писать, чтобы на дочернем по-другому срабатывал, либо с помощью CSS вынести клик эвент

Как точно нужно было, я не помню

what about .stopPropagation(); + .preventDefault() ?

как будто preventDefault ни при чём тут, всё же

ну если элемент был "под", а стал "над", то очевидно последовательность слушателей поменяется

всегда считал что по по вложенности элементов в доме определяется

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

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

это как

да вот тоже думаю — такое ещё постараться сделать надо

Щас попробуем

z-index: -1

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

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

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

всегда считал что по по вложенности элементов в доме определяется

так и есть

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

и так тоже)

короче нужен код с проблемой)

Вот зачем верстальщики нужны

Занятно, что-то и z-index не хочет работать как должно. Хотя и родитель и дочерний position: relative

http://learn.javascript.ru/event-bubbling

надеюсь это вам поможет

с чего бы

мы по-прежнему код не видели)

и в общем-то всё работает как ожидается

http://codepen.io/everdimension/pen/YNaLMo?editors=0010

Вы щас наделали костылей