Привет! Меня зовут @dan_abramov. Я веду @jsunderhood на этой неделе.

Люди часто думают, что меня зовут Денис. Но я Даниил. Денис — это совсем не я.

Я активно участвую в жизни англоязычного React сообщества. В русскоязычной части индустрии я почти никого не знаю, так что будем знакомы!

На этой неделе я готовлюсь к выступлению на React Europe. Буду рассказывать, как React позволяет писать приложения, не нажимая F5.

До React я какое-то время жил с Backbone/jQuery. До этого делал нативное приложение для iPad на Xamarin iOS. До этого писал под Windows.

В детстве я мечтал собрать радио. Я нарисовал схему и купил детали в «Чип и Дип». Даже паяльник и канифоль купил. Но руки не дошли.

Я пока план тем не составлял, но сегодня пойду стричься и составлю. О чем вы хотите поговорить?

@jsunderhood но не потому, что ты нажимаешь CMD+R, right?

Не захожу… Теперь я только в Reactiflux Slack-e. Рекомендую: reactiflux.com @sudodoki

Застал меня врасплох. Хм. Смотрю сериалы. Люблю вкусно покушать. Полежать на солнышке. В общем, сейчас ничем. @anton_davydov

Там хорошие тематические каналы. Типа #redux про мою новую библиотеку например. ;-) @sudodoki

Для начала в React важно въехать философически. «Что это вообще такое и зачем.» Лонгрид: jlongster.com/Removing-User-… @anton_davydov

В более практичных вопросах здесь очень хорошая подборка: github.com/enaqx/awesome-… @anton_davydov

В идеале React'а не станет, и он растворится в браузере: youtube.com/watch?v=4anAwX… @astralian

В React не нужны темплейты. В этом его сила. Если увидишь react-templates, закрой глаза и считай до десяти. @anton_davydov

Есть и более экспериментально-интересные вещи, типа Cycle.js. Но React лидирует в категории «прагматичная инновация». @astralian

Я не делаю TDD, поэтому не могу ответить как следует. Важно, что в React-компонентах не должно быть логики @roman01la

Поэтому даже когда я пишу тесты, я пишу их не для компонентов, а для того, что ими управляет. @roman01la

Если надо тестировать компонент, для меня это знак, что из него надо что-то вынести. @roman01la

Нет. Cycle может, но он слишком сырой пока что. @astralian

Новички часто не понимают, чем силен React. Он силен констрейнтами, которые он налагает. Похожая сила есть в ФП. @astralian

Пользуясь случаем, прошу у @dan_abramov прощения за то, что много месяцев звал его Денисом ¯\_(ツ)_/¯ / @jsunderhood

Любая логика. Если надо тестировать какую-то логику, скорее всего это должна быть функция или внешний объект @RusAlexander @roman01la

Да, это крайний случай, согласен. Для таких компонентов стоит писать тесты. И то я бы скорее вынес логику управления.. @roman01la

Например у тебя может быть объект MaskedInputValue, который имеет acceptChar(char, position) и onChange. @roman01la

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

Что вас радует и что расстраивает в JS комьюнити?

Моя позиция — хранилища должны быть pure функциями. Поэтому я написал Redux: github.com/gaearon/redux @roman01la

Например, меня расстраивает, что люди всё ещё всерьёз создают новые библиотеки с two way data bindings.

С другой стороны, я знаю людей, которых в принципе расстраивает, что люди создают новые библиотеки, так что всё относительно

Amok пока недостаточно стабилен, чтобы о нем строго судить. Я думаю, его ниша — императивные кодбазы и быстрые прототипы. @somerandstring

Мне кажется это «есть время разбрасывать камни и есть время их собирать». Ищем, находим, ищем, находим. @listochkin

@jsunderhood радует что жсеры все еще самые харизматичные, расстраивает что все больше жавистов лезут в жс со своим самоваром и типами

@jsunderhood меня расстраивает что нету оценки модулей/библиотек кроме рейтинга в гитхабе (т.е. популярности)

@jsunderhood меня расстраивает постоянная тяга людей к уничтожению разнообразия. Все на Хром, все на Реакт, все на Babel - это неверный путь

@listochkin @jsunderhood это нормально в нашем нарциссичном обществе. Идеализация и разочарование - главное активнее. и быстрее и чаще

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

Напротив, меня расстраивает, что люди уходят в ClojureScript из-за языка и делают там классные штуки. @edjafarov @listochkin

И никто эти штуки не портирует — не потому что никак, а потому что им и так хорошо, а кроме них никто не понимает. @edjafarov @listochkin

Кто знает ClojureScript?

Почему-то только после появления @dan_abramov захотелось зафоловить @jsunderhood. :)

Кто знает кого-нибудь, кто знает ClojureScript?

@jsunderhood все знают Соловьёва же =)

pic.twitter.com/D08qtfUkUp

@jsunderhood я буду пробовать кложу из-за @nikitonsky

Меня больше расстраивает сексизм, чем треды про него. @Dmiterko_Roman

@jsunderhood я имел ввиду @asolovyov =) aka "чик-чик и в продакшин"

Расскажите о каком-нибудь одном вашем опен-сорс JS проекте. Не важно, если нету звездочек. «Зачем» и ссылка. Го?

@jsunderhood очень интересует "state management". я пока не въехал в концепт stateless stores. хочется понять весь жизненный цикл состояния.

@jsunderhood Переводы фронтэнд (в том числе и JS) статей с неанглийского на английский frontendbabel.info Чтобы мир узнал о нас.

@iamstarkov @jsunderhood кстати, он проводил лекции по JS, и говорит что язык дает мало, а архитектура много

@jsunderhood PromisePipe-кросс процессные стримы,отделяют логику от взаимодествия между энвми github.com/edjafarov/Prom… pic.twitter.com/skwITTyFeh

@jsunderhood клиент-сайд мокки для superagent, чтобы не ждать бекенд и не добавлять в проект мок-серверы на ноде — github.com/rambler-digita…

@jsunderhood Плагин для eslint чтобы писать js по Крокфорду github.com/idmitriev/esli…

Самая интересная статья / доклад / лекция 2014-2015 года по вашей версии?

Расскажи. Once you go black you never go back? @nikitonsky

@jsunderhood приложение для зацикливания отдельных кусков песни (полезно для начинающих музыкантов)
github.com/wtfil/song-loo…

@jsunderhood @toivonens Конечные поля и кольца на JS molefrog.com/rye/ (чтобы строить красивые картинки 😊 molefrog.com/rye/demo/galoi…)

Моя любимая — вот эта. «База данных шиворот навыворот.» blog.confluent.io/2015/03/04/tur…

@jsunderhood я знаю ClojureScript и знаю тех, кто знает ClojureScript. :-)

@jsunderhood люди всегда важнее всего, имхо, но качество языка вообще % на 60-70 это коммьюнити и экосистема. А так, конечно, комплексно. :)

@dcromster @jsunderhood Social Coding Contract by @searls blog.testdouble.com/posts/2014-12-…

@jsunderhood вот например tonsky.livejournal.com/284511.html

Что используете в основном проекте? ES5? ES6? ES6 + experimental ES7ish extensions?

@jsunderhood Манипуляции со словами после числительных github.com/andrepolischuk…

@asolovyov @jsunderhood мда, хитро) Что на счёт Elm думаете, кстати? Стали бы в тащить в проект, если человек из команды захотел бы?

@jsunderhood
Извлечение свойств md-статей: заголовок, дата, описание, контент.
Чтобы не писать YAML, как в jekyll.
npmjs.com/package/articl…

@jsunderhood Web component для отображение github's gists на Polymer github.com/dmaslov/github…

@lisovskyvlad @jsunderhood попробуй, вдруг взлетит

Кто чем пользуется для отслеживания JS ошибок на проде? Сервисы? Библиотеки?
/сс @jsunderhood

@jsunderhood github.com/sudodoki/copy-… - кнопка-компонент для копирования в буфер. Чтоб без флеша. Для nodeschool github.com/nodeschool/nod…

@jsunderhood gruntO оптимизатор структуры Биллд процесса github.com/aliaksandr-pas…

@jsunderhood babel с es7

@jsunderhood @sudodoki по ходу все самые хорошие разработчики не работают. Я вот вышел на работу и не знаю, хорошая ли это идея

Я пойду стричься, подумаю над темами на неделю. Кидайте еще, о чем хотите поговорить. Можно в личку если что-то скользкое.

Привет. Я проснулся.

Давайте сегодня поговорим про стили. BEM-именование уже стало мейнстримом, правда? А видели ли вы CSS Modules?

Например, есть мнение, что BEM — конечно, здорово, но это как неймспейсы в ES5 без модулей. А нужны-то модули. medium.com/seek-ui-engine…

Есть еще мнение, что CSS — это просто еще один compile target, а язык описания должен быть один — JS и компоненты. github.com/petehunt/jsxst…

Скажем, @andreysitnik любит CSS. Именно как язык/синтаксис. А @jashkenas считает, что вебу не нужно три языка. youtu.be/DspYurD75Ns?t=…

Что именно в Webpack значит require('./something.css')? Идея в том, что это никак не отличается от require('./something.coffee') и т.п.

Если к проекту не подключить билд-трансформу для *.css, то это не сбилдится. Ведь таргет-язык у нас всё-таки JS.

Но можно подключить трансформу, которая превращает файл стилей в JS-модуль, кладущий эти стили в <style>-тэг.

Теперь require('./something.css') обретает смысл — это значит «этот JS-файл зависит от того, чтобы эти стили были в head». Зависимости FTW!

Причем код не указывает, _как именно_ эти стили соединяются. Может быть, они выделяются при компиляции в отдельный файл. Деталь реализации.

Зато с явными зависимостями не бывает мертвых стилей, файлов, которые боишься убрать, или watch('**/*.css'). Потому что всё явно, как в JS.

Это простейший вариант. Более умная трансформация может возвращать объект вида { attach(), detach() }. @somerandstring

@jsunderhood переписал свой сайт с CSS Modules. Полет отличный.

@jsunderhood webpack postcss local-scope
bem ужасен, по-моему, потому что пытается решать не те проблемы и не теми методами

@jsunderhood БЭМ это не только лишь CSS!

@bem_xxx @jsunderhood БЭМ это обмен файлами. БЭМ это гигабайты свежей информации. БЭМ это общение. БЭМ это рост. БЭМ это свобода. БЭЭЭЭЭЭМ!!

@Sigiller @jsunderhood изоляция на уровне сборки, простые наименования классов, все локальное, sourcemaps можно подрубить.

Конечно, лучшее в CSS Modules — это их лого. github.com/css-modules/cs… pic.twitter.com/7nAR6Fzi69

Конечно, CSS-в-JS еще сыро. Но нельзя отмахнуться, что проблема надуманная. Семь грехов CSS: speakerdeck.com/vjeux/react-cs… pic.twitter.com/QkFGneJL8r

@jsunderhood на мотив css is awesome, надо полагать pic.twitter.com/naWrQfYheo

Как BEM, компоненты и зависимости-в-JS дополняют друг друга: medium.com/seek-ui-engine…. Этот пост — прелюдия к CSS Modules.

@iamstarkov @jsunderhood github.com/MicheleBertoli…
колонка autoprefixer included

@jsunderhood my bad, я отстал от жизни
Создатель postcss-local-scope задепрекейтил его в пользу развития css modules
github.com/markdalgleish/…

Быстрый ответ — после Webpack для меня пропала необходимость в Grunt/Gulp. В Browserify нет Hot Module Replacement :-( @baxxabit

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

@suevalov @jsunderhood а я вот считаю что мы ничего не теряем) мы используем более гибкий язык который частично уже добавляется в css

github.com/petehunt/webpa…, christianalfoni.github.io/react-webpack-… @baxxabit @dzhiriki @suevalov

@jsunderhood Уточнение: Москва

Еще есть survivejs.com/webpack_react/ — очень хороший ресурс. @baxxabit @dzhiriki @suevalov

@jsunderhood я сижу на зарплате 800$/мес. мне хватает. но после чата dev-ua/frontend-jobs я понял что это почти плинтус. пишу битуби-битуси

Напоминаю, что сегодня я ретвичу и публикую зарплаты фронтэндеров и фронтэндщиц. Пишите анонимно в DM.

@jsunderhood Недавно ходил по собеседованиям с Angular+D3 и прочим js. С опытом бэкэнда и аналитики получил предложения 150 и 170 кр

@jsunderhood напоминает «нужна только Java», «нужен только XML». Это не будет работать, так как мы должны оптмизировать язык под задачу.

@andrey_sitnik @jsunderhood почему бы не взять ближайший turing-complete язык (js) для этого

@andrey_sitnik @somerandstring @jsunderhood jsx это это internal dsl, против CSS который external DSL. См. gbracha.blogspot.cz/2014/09/a-doma… о разнице

Раз уж пошла такая пьянка, есть ли что-то, что вы бы хотели донести до своих коллег? (Анонимно. Я удаляю DM-ы по мере получения.)

@jsunderhood скучаешь без secret?

@jsunderhood но чем раньше ложусь, тем меньше сплю

Расскажите, как вы организуете управление стейтом в JS-приложении. MVC? Flux? Rx? Что-то новое?

@jsunderhood Flux, но со Swarm.js это начинает выглядеть странно

Уточнение: Москва

@jsunderhood Нечто flux-подобное на Rx-потоках

@jsunderhood Винница, Фриланс - верстка + ВП. 1000

@jsunderhood Заметил по себе, что норма 8 часов.Если меньше, то после обеда уже зеваю и производительность хромает.

@jsunderhood на React - Flummox, попробовал Redux. На Angular все плохо. По крайней мере так кажется после React :)

@jsunderhood Не верю в рассказы, что можно спать по 4 часа и быть продуктивным)

@jsunderhood ванильный Flux. FTW!

@jsunderhood сплю ~8 часов, по 3 силовых и беговых тренировки в неделю. Работается тоже хорошо :-)

@jsunderhood ractive -> ractive + flummox -> react + flummox

@jsunderhood flux+immutable rx тоже есть но на 99% используется просто как EventEmmiter

@jsunderhood используем React + Reflux

@jsunderhood @andrey_sitnik crdt можно представить как свёртку (reduce) операций ;) gsd.di.uminho.pt/members/cbm/ps… см. там eval(op, state) -> state

К слову об управлении стейтом. Три недели назад я начал писать новую библиотеку. Она называется Redux. github.com/gaearon/redux

Я не люблю изобретать велосипед, но не нашел другого пути. У меня было три цели.

Первая цель: сохранить преимущества Flux. Только экшны могут менять стейт, сторы инкапсулируют управление независимыми областями стейта.

Вторая цель: поменять Flux так, чтобы можно было перезагружать логику сторов на ходу с помощью React Hot Loader и подобных решений.

Третья цель: поменять Flux так, чтобы можно было легко написать devtools для record/replay, time travel, (de)hydration без участия юзера.

Я буду рассказывать про Redux в своем докладе на React Europe в июле. В этом треде готов отвечать на вопросы. )

@jsunderhood Redux клевый по первому опыту. Но крайне жаль, что мейнтейнер Flummox'а отказался его развивать дальше. Из-за выхода Redux.

@jsunderhood Киев, синьор фронтенд-разработчик в аутсорсинге, не тимлид. $5500 чистыми в месяц после налогов.

Они даже не содержат её. То что во Flux хранилища, в Redux — чистые функции. (previousState, action) => nextState @roman01la @alexeyraspopov

@alexeyraspopov @jsunderhood хранилища как data reducers — это очень хорошая штука, имхо

Я взял эту идею из Elm. github.com/evancz/elm-arc… @roman01la @alexeyraspopov

@jsunderhood а тот из Haskell. XMonad по такому же принципу построен. @roman01la @alexeyraspopov

@alexeyraspopov @jsunderhood возможно такие хранилища не стоит называть хранилищами :)

@jsunderhood есть какой-либо roadmap? Примерная дата 1.0?

@jsunderhood @roman01la @alexeyraspopov Я в своих pet-проектах использую rxStream.scan(f) для стейта. Потом подписал на это setProps и вуаля

@jsunderhood @roman01la глупость. Флакс — всего лишь паттерн. Кто мешает написать только имплементацию сторов с нужными возможностями?

@jsunderhood @roman01la github.com/alexeyraspopov… все те же редьюсеры. У стора есть метод, которым можно напихать в него экшнов без диспатчера

@jsunderhood я правильно понимаю, что в redux есть некий global state, содержащий все данные приложения, который используют сторы и вьюхи?

Да. В Redux я это делаю, парадоксально, через «лифтинг» экшнов, higher-order reducer и «анлифтинг» стейта github.com/gaearon/redux/… @roman01la

@jsunderhood @roman01la @alexeyraspopov все ходим вокруг одного (state,action) ->state goo.gl/1kUAf0 demo goo.gl/1kUAf0

@jsunderhood @roman01la @alexeyraspopov поправочка демка тут - goo.gl/er5j6y

@jsunderhood как в redux происходит коммуникация с сервером? например во flummox за это отвечают экшены, но меня это интуитивно смущает

@MostovenkoA @jsunderhood @roman01la и вообще весь ваш data flow — пару строчек кода :D pic.twitter.com/RTctU4NokI

Зло — не global state, зло — mutable global state. :-) @smashercosmo

@jsunderhood @MostovenkoA @roman01la слайд взят отсюда (alexeyraspopov.github.io/talks/what-the…), вдруг будет интересным.

Это лучшая пареза про Flux, что я до сих пор видел — by @alexeyraspopov alexeyraspopov.github.io/talks/what-the… pic.twitter.com/L3KIY1QPkW

Читаю @jsunderhood и немного охреневаю от уровня зп у фронтендеров. Давно надо было валить с текущего места.

@jsunderhood @MostovenkoA @roman01la выглядит отлично, нужно поиграться с этим подходом. Спасибо

@safrankov @jsunderhood такие же ощущения, только про технологии. Как будто все уже сменили пару версий всевозможных ***ux-ов в продакшене.

Скорее нет. Смотря что ты имеешь в виду. Экшн — просто данные о том, «что случилось». @smashercosmo

Стор (или редюсер в Redux) никогда не должен сам диспетчить экшны — только реагировать на них. @smashercosmo

С другой стороны, ты можешь сделать функцию, которая диспетчит несколько экшнов. (Например, запрос и ответ сервера.) @smashercosmo

Потому что он не сохраняет преимуществ Flux. Нельзя сделать центральный логгинг, time travel, record/replay @dimchez @alexeyraspopov

@jsunderhood нуб-вопрос: может ли экшен вызвать другой экшен? допускает ли это flux-way или таких коммуникаций лучше избегать?

Я об это пару месяцев голову ломал, трудно в цепочке твитов объяснить. Когда сами тулзы выпущу, будет понятнее. @Chudesnov @roman01la

@jsunderhood а ситуация когда стор ждёт другой стор (waitFor) нормальна или это проблема с архитектурой?

Про это хорошая дискуссия здесь: gist.github.com/gaearon/d77ca8…. Я объясняю почему с редьюсерами это не проблема. @vdv73rus

Если судить по мини-опросу про зарплаты фронтенд-разработчиков в @jsunderhood, то на заработки надо валить не в Европы, а в Киев

В Redux ты сам решаешь, что использовать для моделей. Ему всё равно. ) Хочешь — immutable, хочешь plain objects или что еще. @mbektimirov

@jsunderhood довольно успешно пишу код без Flux на Morearty с иммутабельностью. Почему в redux ты не используешь Immutable.js?

Сигнатура — (state, action) => state. Ты можешь использовать всё что угодно в качестве state в своих редюсерах. @mbektimirov

@jsunderhood тот же time travel отлично ложится на immutable структуры данных

Я согласен. Redux делает ассампшн что, что бы ты ни использовал, оно нигде не мутируется. @mbektimirov

По моему опыту достаточно просто использовать ES7 rest/spread syntax, чтобы не мутировать объекты/массивы. @mbektimirov

@23ydobemos @jsunderhood Уровень жизни ниже. Для того чтобы жить лучше, надо платить: за "элитную" квартиру, за машину, глотающую ямы и т.д.

@smashercosmo Тут холодно и темно!!! Но через 5 лет можно получить паспорт и валить на юг :-)

Если позовут куда, расскажу ) @kuksikus

Чтобы работало, надо { "stage": 1 } в .babelrc @andrey_sitnik @mbektimirov

Можно let { …rest, stuffIDontCareAbout } = stuff; return rest @andrey_sitnik

Завершаю сегодняшний поток добрым видео. Спокойной ночи! vimeo.com/88035957

@jsunderhood а не было желания написать свой роутер для реакта?

Мне нравится React Router. Он еще не совсем классный, но будет классный в 1.0. @justusebrain

Миксины опциональные, ты можешь использовать контекст напрямую. @justusebrain

Роутер 1.0 будет легко "направлять" через Flux полностью, так что состояние может лежать в твоем сторе. @justusebrain

@jsunderhood mvc и модели на основе github.com/share/sharejs, во снах снится что все переписал на flux

@jsunderhood “до 6к” это занятная метрика. Если считать чистые часы на почасовке, то почти всегда будет меньше 130. У многих вообще 100-110.

@jsunderhood зарелизился Nuclide от Facebook nuclide.io

@alexeyraspopov @MostovenkoA @jsunderhood @roman01la (1 github.com/evancz/elm-arc…) (2 github.com/slamdata/pures…) без синтетичних сутностей..

@alexeyraspopov @MostovenkoA @jsunderhood @roman01la типи допомагають зрозуміти що треба 2 стейт машини - для бізнес-логіки, і для view

Асинхронный action creator может вернуть просим, например, чтобы компонент имел к нему доступ. @victor_suzdalev @smashercosmo

Я же ни из кого не вытягиваю клещами. Погугли движение #talkpay. Знать ЗП на рынке — важно. @konenkov

@konenkov @jsunderhood да ну, узнать, чо почём, может, ты мало получаешь для своего стажа/позиции, география - вот это вот все

@jsunderhood every berlinjs I attended, до, во время и после.

@8gene @jsunderhood @alexeyraspopov @MostovenkoA @roman01la боже мой, это же Elm, все в машину! youtube.com/watch?v=Agu6ji…

@sudodoki @jsunderhood @konenkov информация особенно актуальна для большого аутсорса в СНГ, где зп пытаются занизить до минимума.

@sudodoki @konenkov вообще, пока такие данные остаются массово закрытыми, остается простор для злоупотреблений @jsunderhood

@sudodoki @konenkov сплошь и рядом вижу, как девушкам на аналогичной должности не доплачивают, например @jsunderhood

@jsunderhood как ты посоветуешь решать проблему постепенной прорисовки интерфейса при асинхронной загрузке разных блоков данных?

@jsunderhood неготовность данных, спиннеры, пустые области на странице

Специальный компонент типа AsyncProps занимается резолвингом и не рендерит детей, пока они не готовы: github.com/rackt/react-ro… @mbektimirov

@jsunderhood @victor_suzdalev что-то я совсем запутался. мы просто пока на flummox-e, а там же экшены и экшен-криэйтеры по сути объединены?

Вот хорошее объяснение разницы между Actions и Action Creators: github.com/gaearon/redux/… @smashercosmo @victor_suzdalev

Просто надо как-то деньги зарабатывать после ухода из компании. ) @iamstarkov

Я сейчас готовлюсь к конференции React Europe. Посоветуйте, как сделать хорошо флоу рассказа? У меня нет опыта настоящих конференций.

@jsunderhood лайв кодинг решает! Свежайший пример: youtube.com/watch?v=j-kj2q…

Пацаны-ребяты, посоветуйте модульный/компонентный CSS фреймворк, прям список всех что знаете. Нужно для исследований.
RT plz

@jsunderhood а как находил клиентов для консалтинга?

Сами пишут. Потому что много видного опен-сорса. Еще полезно нетворчиться на митапах и читать лекции, ребята подкидывают работу @kojoru

@jsunderhood как в фильмах — вступление, закрутка, плато, раскрутка. Например: о себе, проблема, анализ, решение

@jsunderhood кроме того, старайся добавить сильные цитаты, которые могут уйти в Твиттер

@jsunderhood почитай книгу «Мастерство презентации», очень хорошая.

mann-ivanov-ferber.ru/promo/presenta…

Мне комфортно два-три часа в (будний) день, чтобы остальное время заниматься опенсорсом. @beshkenadze @paulmillr

React/Flux @justusebrain @kojoru

Разве Webpack теперь работает не через PostCSS? github.com/webpack/css-lo… @andrey_sitnik @snejink

Я не очень понимаю, о чем ты. Чанки делаются одной строчкой в коде, и ты их получаешь автоматически. @andrey_sitnik @snejink

ExtractTextPlugin — оптимизация. Она не всем нужна. И если хочешь билдить CSS отдельно сам, просто делай это :-) @andrey_sitnik @snejink

То есть, Webpack не заставляет тебя использовать его для CSS. Многие используют его только для JS. @andrey_sitnik @snejink

Странно, как это может быть аргументом в пользу Browserify. @andrey_sitnik @snejink

Для меня поддержка hot reloading достаточный плюс ) @andrey_sitnik @snejink

@jsunderhood где вы берете заказы, я как начинающий даже за бесплатно не могу найти заказ Python/Django/Bootstrap

.@dmitriyminer @jsunderhood upwork(odesk). если не справился – возвращаешь деньги, и клиент не может оставить отрицательный отзыв. профит!

@jsunderhood Есть билет на React Europe (418€), сделай пожалуйста ретвит, может найдутся желающие.

@cakeinpanic @jsunderhood все хотят портфолио, а врать как-то не хочется

@dmitriyminer @jsunderhood у меня написано "я молодой, но страстно желающий работать падаван". ну и тесты пройдены. нормально все идет

Finally, Atom 1.0!

2,090 packages, 660 themes, and 155 releases later, Atom 1.0 is now available: blog.atom.io/2015/06/25/ato… pic.twitter.com/RJNpSDlnuA

19:14

Извините, что сегодня молчун. Готовлю слайды к React Europe. Дизайнер помогает )

Давайте сегодня такой формат — отвечаю на вопросы про hot reloading JS-кода. От общих до сугубо технических.

Начну с пары инструментов. Есть вот Figwheel. Кажется, он офигенный. Но увы, только ClojureScript. :-( youtube.com/watch?v=j-kj2q…

Есть React Hot Loader. Он только для реакта. Это мой проект. Вот видео, с которым он запустился: vimeo.com/100010922

Есть Amok. В отличие от Figwheel и RHL, он зависит от конкретного браузера (Chrome). amokjs.com

LiveReactload использует тот же движок, что и RHL, но под Browserify: github.com/milankinen/liv…. К сожалению, он re-evaluat-ит все модули.

React Native Webpack Server позволяет использовать живую перезагрузку React Hot Loader внутри React Native: github.com/mjohnston/reac…

@jsunderhood в каких случаях применим hot loader?

Проект должен использовать Webpack. Работает редактирование методов компонентов на ходу + модулей, у которых нет состояния @snejink

Конечно, он работает только с React-компонентами. @snejink

@jsunderhood в двух словах: по какому принципу это всё работает? Почему, например тот же flummox не полностью hot reloadable?

Хот релоадинг работает в модулях, у которых нет локального стейта. Поэтому он работает для компонентов и чистых функций. @smashercosmo

В Flummox вторы — классы. Из них трудно «выдирать» стейт, потом переносить в новый инстанс, как-то перерегистрировать их. @smashercosmo

В Redux вместо уторов чистые функции-редюсеры, которые «собираются» композицией в одну. Эта одна функция — всё, что заменяется @smashercosmo

React Hot Loader заменяет функцию render(), и в итоге рут-компонент получает новую чистую функцию в props, и ей пользуется. @smashercosmo

@jsunderhood как думаешь, реально браузерным вендорам договориться о нативном стандарте для перегрузки кода, типа chrome remote debug?

Чем дольше я занимаюсь hot reloading, тем больше я уверен, что это не имеет смысла. Это не дело браузера — это дело бандлера @somerandstring

@jsunderhood мне кажется что произвольный код с сохранением состояния без помощи браузера не перегрузить

Пытаться сохранить локальное состояние — изначально неверный подход. Отсюда проблемы. Надо выносить состояние вне. @somerandstring

@somerandstring FigWheel доказывает обратное. Но… ClojureScript. @jsunderhood

Вынос состояния «вне» имеет другие плюсы — возможность строить крутые тулзы для logging и time travel. @somerandstring

Я думаю, что Webpack Hot Module Replacement + тулзы типа React Hot Loader достойно решают эту проблему. @suxxes @somerandstring

Вы пользуетесь Browserify или Webpack? Почему?

За Browserify: gist.github.com/substack/68f8d…

За Webpack: gist.github.com/substack/68f8d…

Webpack vs Browserify на React Podcast: reactpodcast.com/2015/06/webpac…

Пит Хант называет феномен «modularity shaming» gist.github.com/substack/68f8d…

Джеймс Лоно рефлексирует о том, как модули — контракт нашего взаимодействия как разработчиков. jlongster.com/Modularity

Лонг, Твиттер. Лон. Автокоррект :-/

@jsunderhood Browserify просто потому что у нас нет задач для фич специфичных для Вебпака.

@jsunderhood я "не знаю” чем я пользуюсь, у меня Ember CLI - он как Тефаль думает за меня

@jsunderhood а чем плох подход webpack-dev-server с перезагрузкой приложения во фрейме?

Не то что бы плох. Лично для меня не продуктивен. Теряю стейт, DOM. @esergeev

@jsunderhood что есть для JS для таймтрэвела?

Я сам не знаю, буду благодарен за ссылки. Поскольку ничего не нашел — пришлось написать Redux. :-) @marinintim

@jsunderhood @smashercosmo а замена сторов?

В Redux нет уторов, есть редюсеры — чистые функции. Вот корневой редюсер и заменяется. А стейт вне него. @MaxMykhailenko @smashercosmo

Это класс. Реакту не хватает такого. @listochkin

@jsunderhood grunt+browserify на работе, webpack для себя. особой разницы нет, но webpack все же чуточку быстрей и удобней

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

@jsunderhood webpack шустрее, удобнее, все из коробки, отличная документация, куча лоудеров и плагинов фактически настарте проекта.

@jsunderhood славабогу, а то весь мой тви из монолога :) нужно аккуратнее

@hellbeast92 @jsunderhood насчет отличной документации - это шутка такая?

У вебпака документация ок (все опции на одной странице), но вот интро/гайдов не хватает. @baxxabit @hellbeast92

@jsunderhood browserify, потому что привык к нему. Несколько раз пробовал webpack, но натыкался на странности API и возвращался обратно

That's why styles need to be incapsulated into components ;-) @iamstarkov

@jsunderhood а считается ли антипаттерном писать вместо jsx функции? вообще есть ли разница? jsx же только для ридабилити?

Ты можешь писать createElement вручную, если хочешь. JSX сильно помогает читаемости. Плюс Babel будет его оптимизировать. @rastopyr_ua

@jsunderhood @rastopyr_ua ещё JSX статически фиксирует семантику React элементов, что позволит делать более "сильные" оптимизации.

@andreypopp а где про это можно подробней почитать? документация jsx? @jsunderhood

github.com/facebook/react…, github.com/facebook/react… @rastopyr_ua @andreypopp

@jsunderhood покопался с redux, начинаю понимать чем удобен hot reload. Но иногда затыкается rebuild, приходится еще раз делать npm start

@jsunderhood когда в проекте был Browserify, билд был ~30 sec на cmd+s, c Webpack 1-2 sec

Раз сегодня пятница, давайте джаваскриптовый Follow Friday. Кого нужно фолловить в JS-мире?

Вот мой список: medium.com/@dan_abramov/m…

@avevlad @jsunderhood стоило настроить кеширование и инкрементальное обновление.

@jsunderhood @czaplic

@jsunderhood начал собирать github.com/talgautb/front… а потом как-то остановился :)

@talgautb @jsunderhood github.com/AveVlad/russia…

My work of the past week.

Inspired by Google's inceptionism art, my colleagues made an interactive visualization of a dreaming convnet. Trippy! twitch.tv/317070

13:05

Inceptionism live stream: goo.gl/A9CiGa neural networks dreaming in real time.

. @jsunderhood а мне вот интересно как можно распиарить например свой репозиторий на гитхабе, есть ли какие-то советы/практики ?

Всё просто. Надо для начала найти комьюнити. Например, React/Ember/etc комьюнити. Люди, вокруг которых вертится экосистема. @greybax

Надо фоловить этих людей. Читать, что и почему они используют. Создавать что-то, что им нужно. Решить их проблемы. @greybax

Одному что-то очень сложно сделать, потому что ты не знаешь, что людям нужно. В комьюнити полезное разлетается. @greybax

Для меня решающее значение имеет твиттер. Не было бы твиттера — про мои проекты никто бы и не знал. Это мой рупор и фидбэк. @greybax

Да, паре ребят, которые ты видишь что ретвитят такие ссылки. Конечно, должен быть готов README, должен соблюдаться привычный стиль @greybax

@greybax @jsunderhood главное решать чью-то боль, затем иметь доки и тесты. А потом щепотка маркетинга

Еще помогает писать статьи. Увеличивает доверие к тебе. @iamstarkov @greybax

@iamstarkov @jsunderhood @greybax medium.com/@Shapiro/strip… вот тут @Shapiro рассказывает как пульнуть репозиторий в стратосферу

@greybax @iamstarkov @jsunderhood @Shapiro специально для тебя, без SF hacks.mozilla.org/2014/05/open-s…

@jsunderhood в последней версии ember есть все что есть в react (virtual dom, sane actions etc…) + router :) @kolybasov @listochkin

React — не про virtual DOM. Это просто деталь реализации. React — про декларативные компоненты на JS. @tchak13 @kolybasov @listochkin

Это позволяет делать вещи типа React Native или React Hot Loader. @tchak13 @kolybasov @listochkin

@jsunderhood не поверишь, Эмбер тоже. Я в шоке от того, насколько мой код на Эмбер похож на то, что люди на Реактепишут @tchak13 @kolybasov

The Debate Around “Do We Even Need CSS Anymore?”
css-tricks.com/the-debate-aro…

@avevlad @jsunderhood да. Тоже мучался, потом нашел github.com/gulpjs/gulp/bl…, теперь билды 300 ms максимум.

@jsunderhood можно ли сделать, чтобы при hot reload обновлялись и source maps?

Нужно поставить звездочку в этом issue: code.google.com/p/chromium/iss… @esergeev

@jsunderhood @hellbeast92 раз разрешил всякого рода вопросы, как написать hot loader поверх webpack для не-реакт? видел ответ на SO, но мало

webpack.github.io/docs/hot-modul…, webpack.github.io/docs/hot-modul…, jlongster.com/Backend-Apps-w… @baxxabit @hellbeast92

Еще я подсматривал, как style-loader это делает для CSS github.com/webpack/style-… @baxxabit @hellbeast92

Сегодня большой день для фронтэнд комьюнити. Встречайте NPM 3.0 beta. github.com/npm/npm/releas…

Прощайте, имплиситные peerDependencies. Тем не менее не спешите их удалять — они не УХОДЯТ, они МЕНЯЮТСЯ. Становятся полезнее.

Вам приходили решения проблем программирования во сне?

@jsunderhood я так ООП понял.

@jsunderhood да, переспать проблему мне часто помогало.

У меня пару раз так было (и получались действительно хорошие решения), но есть риск провалиться в «не помню, я сегодня спал или нет вообще?»

@jsunderhood Отдавая столько времени и сил opensource, когда и как успеваешь зарабатывать на жизнь?

Сейчас временный перерыв, немножко осталось накопленных. Потом восполню контрактной работой @icelabaratory

@jsunderhood Частенько. Но скорее в момент засыпания. Тогда или сразу бегу к компу, или записываю на утро. Держу блокнот возле кровати ;)

@jsunderhood requirejs уже не в моде?

Думаю уже давно нет. Он очень медленный в разработке, а в продакшн приходится клеить строго одним файлом. @denysdovhan

И Webpack, и Browserify (со специальными модулями) поддерживают разбивку на чанки. Насколько я знаю, RJS этого не умеет. @denysdovhan

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

@jsunderhood Webpack главным образом за hot-reload, огромное спасибо кстати :-),
плюс с browserify всегда довесок gulp grunt etc

@jsunderhood кучу раз просыпался и искренне удивлялся отсутствию «ночных» коммитов в репозитории

@jsunderhood @denysdovhan, ну, Webpack я пока не пробовал, он более комплексный, чем Brwsfy/RJS, имхо. A сравнение Brwsfy и RJS послушал бы)

@lancedikson @jsunderhood @denysdovhan rjs очень медленный на больших проектах. Нельзя задать кастомный лоадер для js. И это только вершина.

@jsunderhood @lancedikson @denysdovhan сейчас в проекте имеем 140000 значимого кода и ветка с webpack выглядит спасением

@jsunderhood да, однажды во сне приснились строчки моего кода где был баг, который искал неделю.

.@Krivlenia @jsunderhood @denysdovhan читаю про Webpack. Первый вопрос: почему они хотят CSS через JS грузить? webpack.github.io/docs/tutorials…

@lancedikson @jsunderhood @denysdovhan Если ты о том,что делается require('*.css'). То это удобно,ты явно видишь зависимости твоего модуля.

Ты можешь выделять CSS в отдельный файл плагином на этапе компиляции: webpack.github.io/docs/styleshee… @lancedikson @Krivlenia @denysdovhan

Вовсе необязательно *грузить* CSS через JS. Речь о том, чтобы *описывать* зависимости одним языком. @lancedikson @Krivlenia @denysdovhan

Как именно грузится — <style> или выделенным CSS файлом — оптимизация, и может меняться в dev/prod. @lancedikson @Krivlenia @denysdovhan

К примеру, <style> удобнее во время разработки, потому что работает hot reloading для CSS из коробки. @lancedikson @Krivlenia @denysdovhan

@jsunderhood, а как это дальше попадает в DOM? Тоже через JS? А если у тебя min+rev на images? Есть ли manifest? @Krivlenia @denysdovhan

Webpack подразумевает, что всё это делается через него. Там есть встроенная поддержка хешей и тп. @lancedikson @Krivlenia @denysdovhan

Например, вот результат компиляции. В исходном коде имена нормальные. @lancedikson @Krivlenia @denysdovhan pic.twitter.com/xvcSxyCGBu

Всё это полностью настраиваемо. На каждом этапе можно добавить любые дополнительные трансформации. @lancedikson @Krivlenia @denysdovhan

По сути, ты можешь описать любые зависимости. Вебпак не имеет каких-то особых знаний о CSS/картинках @lancedikson @Krivlenia @denysdovhan

Просто есть несколько официально поддерживаемых плагинов для css/files. Вместо них можно свои юзать. @lancedikson @Krivlenia @denysdovhan

@jsunderhood Вопрос по реакту и флаксу. Могут ли компоненты, типа попапов, хранить в себе стейт, или же его тоже лучше выносить в сторы?

Мой rule of thumb простой. Если стейт нигде в аппе больше не понадобится — локально. Если может понадобиться, стор. @YevhenBoyarsky

Вот плагин, который превращает require('xyz') в относительный URL результата @lancedikson @Krivlenia @denysdovhan pic.twitter.com/0TZSwh0WUy

@jsunderhood @YevhenBoyarsky а как в этом случае hot reload отрабатывает? Убивает локальный стейт?

React Hot Loader не убивает локальный стейт компонентов. В этом его фишка. ) Он делает это, проксируя все методы @esergeev @YevhenBoyarsky

@jsunderhood насколько я знаю у тебя как минимум 2 крупных опенсорс проекта (redux, dnd). Как распределяешь свое время между ними?

Еще React Hot Loader. :-) Перемещаю фокус. DnD 1.0 выпущен, я занялся Redux. После конференции выпущу Redux — пересмотрю приоритеты @drzhbe

Заниматься несколькими вещами у меня никогда не получалось. Надо доводить проекты, чтобы они какое-то время могли жить без меня. @drzhbe

@jsunderhood используешь что-нибудь для генерации и валидации форм в React?

Лично я нет, но вопрос интересный, потому что какой-то одной лидирующей либы я не знаю. Подписчики? @limpbrains

В целом, даже если не в сторы, всё равно стейт лучше выносить наверх: medium.com/@dan_abramov/s…

@dmitruksergey @jsunderhood если в умном компоненте несколько попапов, то каждый должен хранить состояние в сторе?

Хороший вопрос. Либо стол знает о разных попапах, и у них есть какие-то ID для разделения состояния. @YevhenBoyarsky @dmitruksergey

Либо ты можешь использовать Redux, в котором это решается композицией редюсеров. gist.github.com/gaearon/d77ca8… @YevhenBoyarsky @dmitruksergey

@jsunderhood @esergeev @YevhenBoyarsky Дэн, а насколько твоя реализация хот лоадера зависит от реакта? Реально ли использовать для knockout?

Webpack предоставляет API, который можно использовать для любой библиотеки. @milk_is_my_life @esergeev @YevhenBoyarsky

Другое дело — насколько Knockout декларативный? Можно ли просто «заменить» функцию render? @milk_is_my_life @esergeev @YevhenBoyarsky

React Hot Loader работает, потому что render() не имеет сайт эффектов, и можно заменить на ходу @milk_is_my_life @esergeev @YevhenBoyarsky

@jsunderhood @limpbrains Недавно исследовал эту тему это github.com/gcanti/tcomb-f… выглядит как единственное что-то еще живое. Но не играл еще

@andreypopp привет! Не хочешь провести неделю @jsunderhood? Было бы чертовски круто!

Мой любимый блог по программированию: prog21.dadgum.com. А ваш?

@jsunderhood Этот github.com/sebmarkbage?ta… каждый раз когда я чувствую что я крут, читаю его комментарии. Крутизна слетает мгновенно.

@jsunderhood Я обожаю @2ality за подробности и технические детали.

Мой второй любимый блог по программированию: johndcook.com/blog/

@jsunderhood твиттер заполняет всю информационную нишу. Чем пользуешься для агрегации блогов?

Раньше Google Docs, сейчас ничем. Просто захожу раз в месяц на те, которые помню. @mbektimirov

@jsunderhood codewars.com - хорошее обучение на практике :)

@jsunderhood Твиттер основной источник + подписки на недельный забугорный дайджест + Хабр чисто для интереса

@jsunderhood да, он милый. Я когда Underhood вел, кидал вот это: steve-yegge.blogspot.com и sites.google.com/site/steveyegg…

@jsunderhood как относишься к github.com/feross/standard ? Меня он немного пугает. Karma на него перевели недавно, напрмер, я очень опечален

Лично я не впечатлен. Использую гораздо более «стандартный» Airbnb-стиль. @silentroach

@silentroach ничего, наши в теме: github.com/Flet/semistand… Я им много месяцев пользуюсь, он ближе к AirBnB, в том числе @jsunderhood

По правде я не вижу смысла в отдельных стайл чекерах, если есть ESLint, и он поддерживает extend-ы конфигов. @listochkin @silentroach

Например меня пару дней назад научили такой мудрости, это всё, что мне нужно. @listochkin @silentroach pic.twitter.com/N1OJY8FBTy

@jsunderhood я зашел к тебе на github.com/gaearon/redux а у тебя там всего 2 баджа. А должно быть ну хотя бы 5, а лучше 15 :) @silentroach

Через полчаса я превращусь в тыкву. Что-нибудь, о чем хотите спросить напоследок?

Хаха. Я уже счет дням недели потерял. Всё из-за конференции этой. ) @iamstarkov

@jsunderhood сегодня только суббота

@jsunderhood почему flux (и аналоги, в том числе твой) такой сложный и расплывчатый? И ни в одном нет примеров с простейшим ajax.

Есть пример с AJAX и Redux: github.com/emmenko/redux-…. Ссылка из README есть. Официальный пример будет позже. @silentroach

Я сейчас усиленно готовлюсь к конференции React Europe, где я покажу, зачем в принципе я делал Redux. @silentroach

Поэтому сейчас он не такой документированный, как мне хотелось бы. Я займусь этим после конфы обязательно. @silentroach

По поводу общего вопроса — поясни, что ты называешь расплывчатостью. Твой вопрос тоже расплывчатый. ) @silentroach

В целом про «о чем Flux» я написал вот эту статью: medium.com/@dan_abramov/t… @silentroach

В целом, для каждого уважающего себя Flux-фреймворка есть пример с AJAX. Просто они обычно в отдельных репах. @silentroach

Согласен, не хватает «лучших практик». В Redux я стараюсь ограничить то, что можно сделать, чтобы таких вопросов было меньше. @silentroach

Вы программируете под музыку? Под какую?

Про себя — в последнее время кручу по кругу по очереди To Pimp a Butterly (Kendrick Lamar) и Born to Die (Lana Del Rey :-)

@jsunderhood конечно. Dead Kennedys, ZZ Top, the rumjacks, judas priest, Beethoven!

@jsunderhood последний месяц только под это, рекомендую soundcloud.com/podval-capella…

Еще меня вот этот микс очень завораживает. soundcloud.com/taras3000/the-…

@jsunderhood Rammstein, мотивирует :)

@jsunderhood есть хороший сервис — mixcloud. Выбираешь тег-жанр и слушаешь миксы по часу и больше

Программирование и вещества. Совместимо? Скучно?

@jsunderhood виски иногда

@jsunderhood Отлично программируется, когда чуть-чуть пьяный. Самую малость.

То есть Ballmer Peak это не миф? @suxxes

@jsunderhood как-то писал код пьяным, дома. Утром пришлось всё переписать) если покурить, совсем не хочется писать код

Мне тоже не хочется. А вот подумать про абстракции иногда тянет. Связи и паттерны захватывают @kuksikus

@jsunderhood В добавление к музыке: не могу работать под музыку со словами, особенно если люблю и знаю слова. Сижу и вместо кода подпеваю.

Пока не знаю слова, меня они отвлекают. Когда я их помню, я на автомате напеваю, и они не «занимают» словесный процессор мозга @suxxes

@kuksikus @jsunderhood write drunk, edit sober. Ernest Hemingway pic.twitter.com/bfkFKTkRE3

@jsunderhood судьбоносный вопрос: StarTrek смотрел? Кирк или Пиккар? DS9 - торт или говно? Захари Кину - новая надежда или все пропало?

Хаха. Я пока не смотрел толком. Чуть-чуть начинал только. @listochkin

@jsunderhood кофеин, совместимо)

Десктопная картинка тред. pic.twitter.com/KhbCy39TdH

@jsunderhood pic.twitter.com/Y3F0zGIUA5

@jsunderhood pic.twitter.com/QFD7aHEI7F

@kuksikus @jsunderhood @justusebrain @SilentImp какой прекрасный субботний вещества-тред

Есть еще интересный лайфхак на эту тему, который мне показал друг. Сейчас расскажу. @justusebrain @iamstarkov @SilentImp @kuksikus

@iamstarkov @kuksikus @SilentImp @jsunderhood ну если MDMA, то митинг растянется на весь день и будет самым успешным в истории компании.

Так вот. Берете приложение vk.com/app2462. Запускаете во вкладках три радиостанции. @iamstarkov @justusebrain @SilentImp @kuksikus

Станции такие: Relax > Nature Sounds, Разное > Детское радио и Электроника > Cliqhop IDM. @iamstarkov @justusebrain @SilentImp @kuksikus

Настраиваете уровни громкости, затягиваетесь и наслаждаетесь. @iamstarkov @justusebrain @SilentImp @kuksikus

Я думаю если свести их и записать, это будет самая модная пластинка @iamstarkov @justusebrain @SilentImp @kuksikus

Думаю его тоже туда можно подмешать.. @SilentImp @iamstarkov @justusebrain @kuksikus

Ме нравится. В духе vimeo.com/88035957 @iamstarkov

@jsunderhood бтв, новую айдентику мтв тоже как будто под веществами делали
creativereview.co.uk/cr-blog/2015/j… pic.twitter.com/KXCSXVVKZ0

@jsunderhood как тебе второй Angular?

Пока не смотрел. По блогам нравится, что есть возможность делать top down data flow и immutable модели. @mbarinov

@jsunderhood Run the Jewels — отличнейший рэп. Лана была прошлым летом :)

@jsunderhood А есть еще разрабы с кератоконусом? Как выживают?

Как не надо писать комментарии на Github: github.com/gaearon/react-…

@jsunderhood воскресный вопрос, какие хобби у программистов? Мне кажется что почти все либо музыканты, либо фотографы)

@jsunderhood а кто в очках?

Курт Гёдель, доказавший, что если формальная система достаточно выразительна для арифметики, её консистентность не доказать изнутри @denswor

@soundinyourmind @jsunderhood у меня бег и силовые.

Репетирую доклад. Выходит 50 минут. Надо 25. Как вы выбираете, что выкинуть?

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

@soundinyourmind @jsunderhood пет-проекты, книги и игры.

@soundinyourmind @jsunderhood кино, лонгборд и бас-гитара :)

@soundinyourmind комиксы, стройка, бег @jsunderhood

@jsunderhood Оставляю то, что складывается в историю. У каждой истории есть главная линия, а также есть ответвления. Руби ветки.

@jsunderhood расскажи о своем пути обучения английскому? может какие-нибудь лайфхаки/советы/сервисы/методики?

Я просто Гарри Поттера прочитал всего. К седьмой книжке хочешь не хочешь выучишь @_cloudo

@soundinyourmind @jsunderhood практическая стрельба, книги, бег.

@soundinyourmind @jsunderhood банальные книги/музыка/игры, бокс, стрельба, пет-проекты

@_cloudo @jsunderhood курсера, сериалы, skyeng

Прощаюсь с вами, спасибо всем за отличную неделю! Скоро в Париж на React Europe, буду вас вспоминать )

Мой основной аккаунт @dan_abramov, в основном англоязычный, но я отвечаю по-русски, если спросите по-русски. Следите за апдейтами! <3