@react_js
Oleg ?29.06.2017
22:14:17
22:14:17
Уже предлогали сегодня)
Default29.06.2017
22:14:22
22:14:22
Сентри нужен для отлова багов, которые сложно поймать у себя
Oleg ?29.06.2017
22:15:36
22:15:36
Уже давно подумываю о нормальной системе обработки ошибок
Сначала проблема логирования была, потом отображения, теперь хочу знать раньше всех об ошибках
GoogleDefault29.06.2017
22:16:06
22:16:06
Типа кривых данных с апи, приходящих в третье полнолуние года
В связке с заббиксом позволяет добиться практически 100% аптайма
Default29.06.2017
22:17:48
22:17:48
Ну вот мне заббикс больше по душе – каждому свое :)
Oleg ?29.06.2017
22:18:30
22:18:30
Вообще пофиг, где видитеть, как фронты падают
Главное вовремя это заметить)
Oleg ?29.06.2017
22:19:28
22:19:28
У нас есть даже система нотификации - автозвонок, который может ночью разбудить
Уже, кстати были ложные срабатывания
Когда одна из частей транспорта падает, то SLA проседает и тут всех накрывает)
GoogleDefault29.06.2017
22:21:31
22:21:31
У меня разок была такая тема, что дроплет с заббиксом от кривых патчей свалился в кернел паник, а я сообразил, что чот тут не чисто ток на третий день
Oleg ?29.06.2017
22:22:14
22:22:14
Пойду спать, а то завтра внедрять Sentry)
Nikolay29.06.2017
22:24:28
22:24:28
Кто что думает? https://github.com/alibaba/rax
Chilly29.06.2017
22:27:05
22:27:05
но зачем?
Блаженный29.06.2017
22:30:24
22:30:24
Интересно так то...
Nikolay29.06.2017
22:30:39
22:30:39
где? угадаешь? )
alibaba холдинг
это те чуваки которые aliexpress пилят и околоштуки
ant.design тоже их поделие
Vladislav29.06.2017
22:32:42
22:32:42
Блаженный29.06.2017
22:34:29
22:34:29
Блаженный29.06.2017
22:35:17
22:35:17
Дело в том, что они каким-то образом могут запретить использовать реакт если этот конкретный продукт конкурирует с из компанией
Но такого еще не было
И не будет
Если они не идиоты
Vladislav29.06.2017
22:36:28
22:36:28
Дело в том, что они каким-то образом могут запретить использовать реакт если этот конкретный продукт конкурирует с из компанией
там есть patent grant, который разрешает использовать фейсбуковские патенты, если только ты не судишь фейсбук за какие-то свои патентыGoogleNikolay29.06.2017
22:36:38
22:36:38
Vladislav29.06.2017
22:36:43
22:36:43
но это ортогонально лицензии
Nikolay29.06.2017
22:37:25
22:37:25
на самом деле у rax такие же плюсы как и у preact
Pavel29.06.2017
22:49:43
22:49:43
Ruslan ?30.06.2017
00:50:13
00:50:13
!
Для тех, кто юзает Sublime Text 3 и ещё не настроил для него ESLint, вот npm модуль и инструкция по установке: https://www.npmjs.com/package/eslint-config-airbnb-standard
Также внизу есть ссылочка на готовую сборку Sublime Text 3 с избранными плагинами и красивой тёмной темой.
[Anonymous]30.06.2017
00:55:19
00:55:19
@FolderArchive - канал, где сливают платный полезный - образовательный контент и курсы, например можно скачать курсы "Нетологии" или все курсы "Бизнес Молодости".
Vladislav30.06.2017
00:59:08
00:59:08
Nick30.06.2017
02:40:33
02:40:33
/stat@combot
Combot30.06.2017
02:40:34
02:40:34
combot.org/chat/-1001032883247
Anton30.06.2017
04:08:44
04:08:44
Привет, меня вот что волнует: вроде как переносимость компонент это хорошо. Вроде как возможность просто забросить папку что бы подключить компонент: то что нужно. Почему тогда у нас акшены и редьюсеры храняться отдельно от компонент? И, впрочем, если хранить их с уомпонентами: как быть с общими? Например часть компонент у меня пользуется сторами с общей информацией.
kana30.06.2017
04:16:24
04:16:24
У тебя какая-то проблема с падежами. Хорошо - переносимость независимых компонентов, а не компонентов, завязанных на твоей бизнес-логике, никому редьюсеры не нужны
kana30.06.2017
04:17:32
04:17:32
Возможно, если хочешь переиспользовать компонент в двух местах с каким-то общим куском стора, то можно сделать два коннекта один поверх другого. Не делал такого, но не вижу причин, почему это не будет работать
Anton30.06.2017
04:44:58
04:44:58
У меня проблема мобильным телеграмом в поезде.
С падежами всё относительно неплохо.
> два коннекта один поверх другого
Я делаю это так:
https://gist.github.com/SilentImp/bcfc151bbad30a1ec127c5262f71de09
Работает, но речь не об этом.
Если мы хотим перенести компонент, который диспатчит действия и берет данные из сторов, то как то надо переносить собственно действия и сторы вместе с ним.
Или *независимыми* и переносимыми могут быть только те компоненты, в которых нет сайд-эфектов, а данные передаются через пропс, а не берутся из общего redux-стора?
Почему в телеграм не поддерживается gfmd? :(
Что за прискорбное упущение с их стороны.
Konstantin30.06.2017
05:02:15
05:02:15
Вот тебе пример компонента
Anton30.06.2017
05:04:34
05:04:34
Cпасибо. Сейчас посмотрю.
Konstantin30.06.2017
05:07:17
05:07:17
По сути там все это есть и немного больше в виде миддлвары, для интеграции с твоими существующим экшенами
Anton30.06.2017
05:08:46
05:08:46
Угу. Идея в целом понятна.
Буду медитировать и стараться её перенять.
GoogleAnton30.06.2017
05:14:28
05:14:28
Ещё вопрос: стоит ли использовать css-modules в компонентах, которые планируются как переносимые в составе некой библиотеки компонент?
Насколько я понимаю подключаются в проект обычно не сорсы, а уже сбилженая версия?
И соответственно, если есть css modules, то переписать классы с хешами из своей компоненты будет проблематично.
Да и получить хеш, как в оригинальном сорсе — тоже?
Konstantin30.06.2017
05:18:35
05:18:35
Ну не желательно
Но на самом деле у тебя в компоненте ж будут classnames в пропсах
Там и переопределишь если что
Marlik30.06.2017
06:14:39
06:14:39
Кто нить material-ui прикручивал? Стоит ли эта какашка, усилий?
AdminERROR: S client not available
Ruslan ?30.06.2017
06:16:51
06:16:51
Кто нить material-ui прикручивал? Стоит ли эта какашка, усилий?
Норм штука, но верстать всё равно самому придётся. Ещё можешь юзануть http://materializecss.com/ как альтернативу.
Dmitry30.06.2017
06:17:22
06:17:22
Кто нить material-ui прикручивал? Стоит ли эта какашка, усилий?
если дизайн прикручивать не будешь, то нормально, но стайлить его очень тяжкоMarlik30.06.2017
06:18:32
06:18:32
Ага, спасибо.
Сергей30.06.2017
06:34:10
06:34:10
Ща сделаем й
Artyom
Kos30.06.2017
06:47:17
06:47:17
О, круто!
Eugene30.06.2017
06:53:32
06:53:32
Всем привет!
Подскажите пожалуйста, почитал статью https://hackernoon.com/straightforward-code-splitting-with-react-and-webpack-4b94c28f6c3f и решил в своем приложении при старте загрузить JSON динамически но ругается Module build failed: SyntaxError: C:/Users/user/react-start/src/components/App.js: 'import' and 'export' may only appear at the top level (34:12)Module build failed: SyntaxError: C:/Users/user/react-start/src/components/App.js: 'import' and 'export' may only appear at the top level (34:12)
const App = React.createClass({
getInitialState() {
return {
orders: [],
};
},
componentDidMount() {
const orders = JSON.parse(localStorage.getItem('orders'));
if(orders) {
this.setState({
orders,
});
} else {
import('../api/money_pal.json').then(json => {
console.log(json, ' --json');
})
}
},
render() {}
});
Я так понимаю что в webpack нужно еще что=то доустановить?
Ты неправильно используешь директиву import. Начиная от синтаксиса (это директива, а не функция), заканчивая местом использования (только на самом верхнем уровне модуля, снаружи всех функций).
И да, webpack, на сколько я помню, без плагинов не умеет подключать json файлы через import. Нужно использовать require() для синхронной загрузки или require.ensure() для асинхронной. Ну или fetch(), как уже было упомянуто.
И таки да, читая старые статьи, нужно читать сноски в них. Вот сразу первого абзаца: https://medium.com/@cerny.mrtn/system-import-has-been-deprecated-6806b2f506dMarlik30.06.2017
06:59:47
06:59:47
Люди, подскажите по .babelrc правильно хоть?
{
"presets": ["react", "es2015", "stage-2"]
}
Что-то такая конструкция не работает:
import React, {Component} from 'react';
А вот так пашет:
import React from 'react';
Vlad30.06.2017
07:00:34
07:00:34
Люди, подскажите по .babelrc правильно хоть?
{
"presets": ["react", "es2015", "stage-2"]
}
Что-то такая конструкция не работает:
import React, {Component} from 'react';
А вот так пашет:
import React from 'react';
я не уверен но порядок в presets не играет роль.
попробуй react вконце указать
Denis30.06.2017
07:05:18
07:05:18
Читайте pinned message
Google
Сергей30.06.2017
07:07:21
07:07:21
Ты неправильно используешь директиву import. Начиная от синтаксиса (это директива, а не функция), заканчивая местом использования (только на самом верхнем уровне модуля, снаружи всех функций).
И да, webpack, на сколько я помню, без плагинов не умеет подключать json файлы через import. Нужно использовать require() для синхронной загрузки или require.ensure() для асинхронной. Ну или fetch(), как уже было упомянуто.
И таки да, читая старые статьи, нужно читать сноски в них. Вот сразу первого абзаца: https://medium.com/@cerny.mrtn/system-import-has-been-deprecated-6806b2f506d
Во первых. Ты не знаешь о вебпак 2.
import().then это новый стандартDenis30.06.2017
07:08:13
07:08:13
Угу, там джсон лодер по дефолту
Eugene30.06.2017
07:08:14
07:08:14
Во первых. Ты не знаешь о вебпак 2.
import().then это новый стандарт
Я просто оставлю это тут:
https://medium.com/@cerny.mrtn/system-import-has-been-deprecated-6806b2f506dВо второй раз
Marlik30.06.2017
07:09:02
07:09:02
я не уверен но порядок в presets не играет роль.
попробуй react вконце указать
Ёпушки-воробушки, заработало. Местами поменял.... пздц! Спасибо.Eugene30.06.2017
07:09:20
07:09:20
Ну как вариант, он просто первый вебпак использует
И таки да, про import() я не знал ?
Сергей30.06.2017
07:09:58
07:09:58
Я просто оставлю это тут:
https://medium.com/@cerny.mrtn/system-import-has-been-deprecated-6806b2f506d
https://webpack.js.org/api/module-methods/#import-А вообще по таким вопросам идите в @webpack_ru
kana30.06.2017
07:12:12
07:12:12
На всякий случай, чтобы новички не запутались, читая это - System.import депрекейтед, вместо него import(), который возвращает промис с модулем
Evjeni30.06.2017
07:13:52
07:13:52
Кто нить material-ui прикручивал? Стоит ли эта какашка, усилий?
Не стоит, лучше смотри в сторону react-bootstrap && semantic-ui-reactСергей30.06.2017
07:15:58
07:15:58
На всякий случай, чтобы новички не запутались, читая это - System.import депрекейтед, вместо него import(), который возвращает промис с модулем
Не ну если ты считаешь что официальную доку почитать не ок...
Открыть в Telegram