@react_js
Aleh13.05.2016
16:52:12
16:52:12
и у front еще порты наружу
$Bogdan13.05.2016
16:52:25
16:52:25
да у фронта 80 порт
Aleh13.05.2016
16:52:35
16:52:35
ports:
- "3000:80"
$Bogdan13.05.2016
16:52:38
16:52:38
да все должно работать
GoogleAleh13.05.2016
16:52:40
16:52:40
вот так например?
$Bogdan13.05.2016
16:52:53
16:52:53
не
я сам не понимаю почему, должно работать, с бд все норм
кстати линкс же не обязательно
дефолтные есть
это имя
Aleh13.05.2016
16:56:29
16:56:29
так lsof -i порт показывает?
anoru13.05.2016
16:57:54
16:57:54
А то все примеры не уходят дальше туду, кто-нибудь его юзал на крупных проектах? После усталости от десятков редюсеров выглядит как спасение
Kanat13.05.2016
17:06:16
17:06:16
ES6 template literals can span multiple lines:
const HTML5_SKELETON = `
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>`;
(The examples differ in how much whitespace is included, but that doesn’t matter in this case.)
More information: chapter “Template literals and tagged templates”.
это типо работать HTML файлом с JavaScript'та
Vladimir13.05.2016
17:08:26
17:08:26
Подскажите в чём прикол ReactDOM как отдельного вендора, хотя всё что он делает - это экспортит кусок реакта?
GoogleVladimir13.05.2016
17:08:28
17:08:28
и почему поле __SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED так угрожающе называется?
anoru13.05.2016
17:13:26
17:13:26
Coding assistance for props in React and more
WebStorm can now understand component properties defined using propTypes and provide code completion and resolve to them.
блин, неужели переходить с саблайма)
Sergey13.05.2016
17:21:52
17:21:52
anoru13.05.2016
17:22:05
17:22:05
не знаю. Прочитал тут )
https://blog.jetbrains.com/webstorm/2016/05/webstorm-2016-2-early-access-preview/
$Bogdan13.05.2016
17:22:42
17:22:42
быстрее
хотя проект какой-то полуживой
и файлы он может больше 2 мб открыть
Sergey13.05.2016
17:24:28
17:24:28
хотя проект какой-то полуживой
Полуживой это оптимистично. Там автор публично признался, что написал код, который никто кроме него не может понять.anoru13.05.2016
17:24:36
17:24:36
а LightTable еще живой? Я думал, что его после кикстартера забросили навсегда)
интересно, а были еще редакторы, которые спонсировали на кикстартере?
https://www.kickstarter.com/projects/ibdknox/light-table
316 тысяч
$Bogdan13.05.2016
17:25:31
17:25:31
https://github.com/google/xi-editor
Google$Bogdan13.05.2016
17:28:49
17:28:49
ну он же на атоме основан и плюс у него с плагинами какая-то ерунда
и вообще в vs существует поддержка vim хоть в какой нибудь из версий?
anoru13.05.2016
17:30:55
17:30:55
в vscode на самом деле много плагинов и он уже намного лучше саблайма во всем. Про год я шучу, что только через год появятся табы, которые я все так жду ))
он не на атоме основан
nuclide это сборник атома с плагинами
а тут все свое (там лишь электро в какой-то степени юзается)
электрон*
вообщем он у меня работает быстрее саблайма) Так что сравнивать с атомом не стоит
S13.05.2016
17:33:44
17:33:44
А кто нибудь дружил es6 классы с редаксом?
$Bogdan13.05.2016
17:34:39
17:34:39
надо попробывать) я как-то установил его когда вышел, может быть он тогда был плох не знаю
S13.05.2016
17:34:45
17:34:45
А то от фп подташнивает
Kanat13.05.2016
17:43:22
17:43:22
WebStorm сколько весить?
Vladimir13.05.2016
18:03:46
18:03:46
160 мб
$Bogdan13.05.2016
18:27:34
18:27:34
наверное он имеет в виду редукс на ООП
Google
Denis13.05.2016
18:27:43
18:27:43
Самое страшное, что даже TypeScript с Redux дружили
$Bogdan13.05.2016
18:28:41
18:28:41
а что в этом страшного?
anoru13.05.2016
18:30:14
18:30:14
https://medium.com/cooper-press/the-18-most-popular-react-links-so-far-in-2016-b3492c0d9f03#.om9o9gg7r
Aleh13.05.2016
18:30:37
18:30:37
так это ж удобно
Самое страшное, что даже TypeScript с Redux дружили
ну, я не понимаю, чего можно оопшного в редуксе делать
$Bogdan13.05.2016
18:31:41
18:31:41
elm же типизированый язык а его архитектура которая предлагается в использование с ним похожа на редукс
S13.05.2016
18:49:34
18:49:34
ну, я не понимаю, чего можно оопшного в редуксе делать
Ну например удобно инкапсулировать функционал в инстанс, а не выносить в отдельный файл с хелперамиAdminERROR: S client not available
Aleh13.05.2016
18:50:05
18:50:05
?
Aleksey13.05.2016
19:53:56
19:53:56
Anton13.05.2016
20:44:16
20:44:16
Привет
В коде используется bind. Зачем?
loadCommentsFromServer: function() { // new
$.ajax({
url: this.props.url,
dataType: 'json',
cache: false,
success: function(data) {
this.setState({data: data});
}.bind(this),
error: function(xhr, status, err) {
console.error(this.props.url, status, err.toString());
}.bind(this)
});
}
Это из туториала официального по React
Vladimir
Vladimir13.05.2016
20:47:24
20:47:24
чтобы работал в контексте loadCommentsFromServer
а не в контексте success коллбека $.ajax
Denis13.05.2016
20:47:50
20:47:50
Хороший вопрос, ведь можно arrow functions
GoogleDenis13.05.2016
20:48:33
20:48:33
React такой Legacy ?
Anton13.05.2016
20:48:53
20:48:53
$.ajax({
url: this.props.url,
dataType: 'json',
cache: false,
success: data => {
this.setState({data: data});
},
error: (xhr, status, err) => {
console.error(this.props.url, status, err.toString());
}
});
}
Так?
Denis13.05.2016
20:49:51
20:49:51
Молодец
Anton13.05.2016
20:49:58
20:49:58
$.ajax({
url: this.props.url,
dataType: 'json',
cache: false,
success: data => this.setState({data: data}),
error: (xhr, status, err) => console.error(this.props.url, status, err.toString())
});
}
Или так красивее?
Denis13.05.2016
20:50:25
20:50:25
Я бы не сказал так про error, но ок
Denis13.05.2016
20:51:38
20:51:38
)) Telegram? Да просто много сущностей в одной строке тяжело для восприятия
Vladimir13.05.2016
20:51:55
20:51:55
success: data => this.setState({ data }),
Denis13.05.2016
20:52:00
20:52:00
+
Vladimir13.05.2016
20:52:49
20:52:49
да
Denis13.05.2016
20:52:52
20:52:52
const { url } = this.props
$.ajax({
url,
dataType: 'json',
cache: false,
success: data => this.setState({ data }),
error: (xhr, status, err) => console.error(url, status, err.toString()),
})
Vladimir13.05.2016
20:53:43
20:53:43
год назад стандарт ввели + в браузерах и ноде поддержка больше 90% => думаю уже можно
Кисик13.05.2016
20:54:47
20:54:47
А оно ж по идее всё равно бейбелом транслируется в старый жс?
Anton13.05.2016
20:55:02
20:55:02
Denis13.05.2016
20:55:57
20:55:57
?
Anton13.05.2016
20:56:38
20:56:38
const { url } = this.props
$.ajax({
url,
dataType: 'json',
cache: false,
success: data => this.setState({ data }),
error: (xhr, status, err) => console.error(url, status, err.toString()),
})
переменная автоматов возьмет из объекта переменную url. Сразу не обратил внимание, что просто props передаетсяconst { url } = this.props
$.ajax({
url,
dataType: 'json',
cache: false,
success: data => this.setState({ data }),
error: (xhr, status, err) => console.error(url, status, err.toString()),
})
правильно оформленный код хорошо и быстро читается
Открыть в Telegram