
Vladimir
11.11.2016
16:27:10

Artyom
11.11.2016
16:27:39
еще раз для Владимира
всякие Babel кладутся в devDep
так что можно иметь и глобальную установку и локальную под каждый проект, если необходимо
локальный package.json определенно нужен

Google

Timur
11.11.2016
16:28:52
npm i -g packagename
Ок, я установлю допустим. Далее как настроить конкретный проект на использование этого пакета?
в WebStorm

Artyom
11.11.2016
16:29:46
я с Webstorm, к сожаленю, работал мало, но предполагаю, что ему можно указать путь, откуда брать пакеты по умолчанию

Vladimir
11.11.2016
16:29:47

Ches
11.11.2016
16:30:53
возможно он хочет чтобы можно было скачать куда нибудь определенные зависимости и использовать их в разных проектах
меня тоже куча одинаковых node_modules напрягают бывает

Timur
11.11.2016
16:31:23
что ты хочешь в итоге?
Открыл WebStorm, создал новый проект ReactJS и начал кодить. И не ждать каждый раз скачивание 150 мб. Это глупость какая-то

Vladimir
11.11.2016
16:31:43
> Настроить на отдельный проект получается, но каждый раз скачивать 130 мб файлов из за команды npm install —save babel-preset-es2015 как то не айс.
это медленно, но это единственный человеческий способ
> Можно ли как то установить один раз и все?
можно, поставить какой-нибудь локальный кеширующий npm

Vladimir
11.11.2016
16:31:52
Добро пожаловать в 2016

Vladimir
11.11.2016
16:32:28
> Народ, помогите установить и настроить Babel в WebStorm для компиляции ReactJS.
> Открыл WebStorm, создал новый проект ReactJS и начал кодить. И не ждать каждый раз скачивание 150 мб. Это глупость какая-то
отказ от shareable deps, в пользу экономии 20 секунд это так себе ачивка
попробуй yarn или pnpm
если проблема только в скорости/времени установки

Google

Eugeniy
11.11.2016
16:33:16
yarn вроде как может устанавливать из кеша пакеты, т.е. просто копируется а не скачивается

Vladimir
11.11.2016
16:33:19
возьми create-react-app там депсов по минимуму

Eugeniy
11.11.2016
16:33:46

Vladimir
11.11.2016
16:34:05
и советую прочитать доки npm
то как он работает не зря сделано

Pavel
11.11.2016
16:34:48
yarn поставь, он подгружает из уже скаченных пакетов. Не нужно перекачивать каждый раз

Roman
11.11.2016
16:35:58
сам Дуров уже снизошел
он херни не посоветует

Eugeniy
11.11.2016
16:37:07
:D

FEDOR
11.11.2016
17:17:04
lol)

Dmitry
11.11.2016
17:18:46
Парни, а кто может доходчиво обьяснить для чего в редаксе mergeProps?
В каких случаях это юзать?

Ilia
11.11.2016
17:57:48
есть тут кто использовал browser-sync-webpack-plugin?
?
короче пишу webpack —watch и он постоянно пишет в браузере "ожидание localhost" и все. вебпак все собирает, но не подключает
https://www.npmjs.com/package/browser-sync-webpack-plugin
сделал как тут все показано

Aleh
11.11.2016
18:05:06
а зачем нужен browser-sync?

Ilia
11.11.2016
18:06:58
ну чтобы на автомате страницу перезагружал
млииин
дошло

Google

Aleh
11.11.2016
18:07:27
так это ж вебпак-дев-сервер может

Bogdan
11.11.2016
19:23:36
пишу в конструкторе класса такое this.store = {};
this.subscribers = [];
в экземпляре полей этих нет
но методы объявленные есть

Vladimir
11.11.2016
19:24:32
а весь класс?

Bogdan
11.11.2016
19:25:46
что

Lupsick
11.11.2016
19:41:48
кто-нибудь сталкивался с "Failed to decode downloaded font" в проде?

Таймураз
11.11.2016
19:52:37
насчет mergProps: позволяет законтролить передающиеся пропсы как надо

Vadim
11.11.2016
20:19:54
Гайс когда beerjs?
В москве

Kreizo
11.11.2016
21:24:26
может кто скинуть ссылку на небольшой проект react+redux ?
свой или чужой неважно

Andrey
11.11.2016
22:38:00
ой
не туда
сорян

Vovka
12.11.2016
01:30:50
https://github.com/andrewngu/sound-redux
Если надо больше то пиши в личку

Dmitry
12.11.2016
08:18:20
Господа, в коннекте редаксовском можно как-то до стейта компонента достучаться? При работе с компонентом все кладу в локальный стейт, а при закрытии надо продиспачить редаксовский экшен со значениями из него

Google

Mikhail
12.11.2016
08:26:57
mergeProps тебе нужен видимо

Дмитрий
12.11.2016
08:27:04

Konstantin
12.11.2016
08:32:10
Не знаю, было ли уже здесь, но вот — библиотека React компонентов от майкрософт https://dev.office.com/fabric

n4nn31355
12.11.2016
08:53:02
Ребят, посоветуйте решение(библу) для websocket.

Danila
12.11.2016
08:57:23
socket.io?

Vitaly
12.11.2016
09:43:18
А зачем вообще либа?
Сокет ио не гарантирует что будут использоваться вебсокеты

Andrew
12.11.2016
09:58:28
?

n4nn31355
12.11.2016
09:59:11

Andrew
12.11.2016
09:59:46

n4nn31355
12.11.2016
09:59:50

Andrew
12.11.2016
10:13:58

Ivan
12.11.2016
10:53:20
А если react это V в MVC у кого-нибудь есть примеры с бекендом на php и бд на mysql. Просто во всех примерах и учебниках только Nodejs с Express и Mongo как бд. Можно ли реализовать бекенд на PHP и фронт с react

Oleg
12.11.2016
10:55:21
А в чем проблема? Делай запросы в componentDidMount, получай ответы и обрабатывай

Ivan
12.11.2016
10:56:58
т.е. просто весь рендер делать на клиенте, а с сервером общаться только через ajax
?

Oleg
12.11.2016
10:57:34
Ну если SSR не нужен, то да

Ivan
12.11.2016
10:58:30
Что такое SSR

Google

Ivan
12.11.2016
10:58:38
?

Oleg
12.11.2016
10:59:17
Рендеринг на сервере

Evjeni
12.11.2016
10:59:18

Artem
12.11.2016
10:59:52
да вроде даже есть https://github.com/reactjs/react-php-v8js

Oleg
12.11.2016
10:59:59
Server-side rendering. Полезно для SEO, например.

Artem
12.11.2016
11:00:02
но не трогал

Oleg
12.11.2016
11:02:19
Если есть возможность избежать SSR (например, приложению неважно SEO, потому что закрыто формой логина), то я бы так и делал. Позволяет избежать кучу геморроя

Evjeni
12.11.2016
11:02:46

n4nn31355
12.11.2016
11:02:57
А существует практика использования nodejs сервера в связке с каким либо другим(php, python)? Ну типа бэк на php, фронт на реакте, но нам нужен SSR. Пихаем между ними прослойку на nodejs - профит.

Ilya
12.11.2016
11:03:27
так обычно и делают

Oleg
12.11.2016
11:04:12

n4nn31355
12.11.2016
11:04:28

Oleg
12.11.2016
11:19:09
а можно какой-то тутор по отправке данных?
Например, с использованием fetch:
`
…
componentDidMount () {
this.getData();
}
async getData () {
const rawData = await fetch('http://headers.jsontest.com/');
const data = await rawData.json();
console.log('data', data);
}
…
`
а в getData можно вызвать setState, чтобы добавить данные в state