Boris Egorov

React.js на сервере

Sun, 28 Jun 2015 13:40:05 +0300

Решили посмотреть на React в деле. Взяли простенький функционал, сделали изоморфное приложение, посмотреть, как это будет выглядеть в работе.

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

Оказалось, именно рендеринг страниц React'ом на сервере представляет основную проблему — без ухищрений, сейчас он очень медленный — в несколько раз медленнее того, что можно выжать другим шаблонизатором (особенно, если брать что-то действительно быстрое, вроде doT, который тоже, естественно, можно и на сервере, и в клиенте использовать).

Причины: - каждый тег, который возвращает ваша компонента — это тоже отдельный компонент — т.е. чем больше элементов на вашей странице, тем медленнее она рендерится - процесс рендеринга на сервере отличается от клиентского, но все равно содержит огромное количество лишних телодвижений - код изобилует try/catch/finally-конструкциями, которые пока не могут быть обработаны оптимизирующими компиляторами v8 (в TurboFan обещали уметь их оптимизировать, но пока я не нашел, в какой версии, и даже последний iojs(2.3.1 на момент написания) этого не умеет)

Что можно сделать для ускорения работы React на сервере?

Прежде всего, не превращать в компоненты весь html, который вы возвращаете, сделать это можно двумя способами:

обычный шаблон для каркаса страницы, и React — для тела страницы (это первое, что все делают)
использование dangerouslySetInnerHTML, который позволяет явно указать html, который будет отображаться в компоненте. То есть — компоненты-листья в вашем дереве компонент могут возвращать конкретный HTML, вместо компонентизируемых html-тегов React'а.

была даже дикая идея использовать dangerouslySetInnerHTML и отдавать туда результат работы какого-нибудь другого шаблонизатора :-)

Второе, что можно сделать — подождать :)

Сейчас в React'е работают над возможностью создавать разные типы рендеров с одной иерархии компонент. Это позволит сильнее отделить серверный рендер от всех остальных компонент, сделав его более быстрым. Так что код, который вы пишете сегодня, будет становиться только быстрее без дополнительных действий с вашей стороны.

Кроме того, как я писал выше, js-код React'а пока не может быть оптимизирован, но изменения в v8 уже на подходе, так что если вы используете iojs, которая включает свежие stable-версии v8, есть большая вероятность, что c появлением все новых и новый оптимизаций в v8, рендер react'ом на сервере будет становиться все быстрее и быстрее.

Остается только решить — есть ли возможность сейчас потерять в производительности исполнения, но выиграть в производительности разработки, и ждать изменений в React и v8, или сегодня использовать более быстрые альтернативы, лишаясь компонентной инфраструктуры React'а.

"Every ten years (approximately), members of the language camp notice that the number of distributed..."

Wed, 20 Aug 2014 11:00:10 +0400

“Every ten years (approximately), members of the language camp notice that the number of distributed applications is relatively small. They look at the programming interfaces and decide that the problem is that the programming model is not close enough to whatever programming model is currently in vogue (messages in the 1970s [7], [8], procedure calls in the 1980s [9], [10], [11], and objects in the 1990s [1], [2]). A furious bout of language and protocol design takes place and a new distributed computing paradigm is announced that is compliant with the latest programming model. After several years, the percentage of distributed applications is discovered not to have increased significantly, and the cycle begins anew.”

- DBus over the network thread http://lists.freedesktop.org/archives/dbus/2008-April/009611.html

High Speed Robot Arm

Sat, 15 Feb 2014 21:51:00 +0400

2009 год.

Двое лезут на 650-метровый небоскреб в Шанхае Если вы хотя бы...

Wed, 12 Feb 2014 22:42:21 +0400

Двое лезут на 650-метровый небоскреб в Шанхае

Если вы хотя бы немного боитесь высоты — не смотрите это видео.

via https://twitter.com/Dymio

Whistler Skeleton GoPro Helmet Cam POV

Tue, 11 Feb 2014 21:41:55 +0400

Whistler Skeleton GoPro Helmet Cam POV

Как собирали самый маленький (работающий) двенадцатицилиндровый...

Sat, 04 Jan 2014 12:20:19 +0400

Как собирали самый маленький (работающий) двенадцатицилиндровый двигатель.

Красивые скульптуры из бумаги

Sun, 29 Dec 2013 12:20:06 +0400

Красивые скульптуры из бумаги

Визитки мизантропа 20 карточек для вручения человекообразным....

Sun, 01 Dec 2013 20:30:35 +0400

Визитки мизантропа

20 карточек для вручения человекообразным. Обладают психотерапевтическим эффектом и долгим послевкусием.

The official Node.js buildpack is going on a diet

Sat, 30 Nov 2013 12:20:07 +0400

The official Node.js buildpack is going on a diet:

A lot has changed under the hood, but here are the high-level improvements:

You can now run any version of node you want on Heroku, even pre-release (0.11) versions.
The node_modules directory is now cached across deploys, so your future deploys should be faster.
npm is now bundled with node, so the engines.npm field in package.json is no longer needed.

genome.js

Fri, 29 Nov 2013 14:40:25 +0400

genome.js:

genome.js is a fully open source platform built on Node.js that utilizes streams for high-performance analysis of DNA SNPs

Get your DNA sequenced by a supported vendor
Convert your SNP file to SNP-JSON using dna2json
Feed your SNP-JSON into any tools/genosets
Make your own analysis tools/genosets using GQL

Сценарий успеха

Fri, 29 Nov 2013 12:20:52 +0400

Замордовать выбранную отрасль регулированием до полного невменоза под предлогом защиты населения от всего-на-свете страшного, а потом тыкать палкой в тех, кто после этого выжил, и говорить, “вот, дети, это такой-сякой злой бизнес, он только о деньгах думает, а государство вас защищает от него”.

И, главное, “не парьтесь”, как советует нам министр, кхм, финансов. Это же все для нашей пользы.

MongoDB поверх Postgres

Tue, 26 Nov 2013 12:20:38 +0400

MongoDB поверх Postgres:

Mongolike is an experimental MongoDB clone being built on top of PLV8 and Postgres.

Надо будет поэкспериментировать на досуге.

How GitHub (no longer) Works // Speaker Deck

Sun, 24 Nov 2013 12:20:00 +0400

How GitHub (no longer) Works // Speaker Deck:

Как GitHub менялся по дороге к 200+ сотрудникам.

А ты на работу?

Sat, 23 Nov 2013 23:30:09 +0400

А ты на работу?

Inception

Thu, 21 Nov 2013 22:27:37 +0400

Текстовое поле в РСУБД, в котором лежит сериализованный JSON, в котором есть поле, в котором лежит ejs-шаблон, который рендерит SQL-запрос, который уходит к другой РСУБД, и результатом выполнения которого является очередной сериализованный JSON.

А, ну да, исходный JSON используется в пачке запросов, которые собирают пол-базы в еще один JSON-документ с конфигурацией.

А теперь два слова — экранирование кавычек. :-)

P. S. Как вы уже догадались, нужно все это для того, чтобы корректно наполнить некоторые недостающие поля в еще одном JSON-документе.

Новости про LevelDown 0.10

Tue, 19 Nov 2013 14:40:29 +0400

Новости про LevelDown 0.10:

Rod Vagg написал длиннющий пост про новую версию LevelDown. Исправления утечек памяти (особенно достававшее использующие LevelGraph), оптимизация работы с GC в V8, домены для ловли ошибок, и вроде, все.

Если просто пользуетесь — то можно резюмировать коротко “стало лучше”, но если интересуют потроха — почитайте, интересно.

Ender's Game

Sun, 17 Nov 2013 23:31:00 +0400

Исключая “Гравитацию”, которую я так и не посмотрел, и уже, наверное, не посмотрю, самый приятный фантастический фильм в этом году. Идиотов нет, неминуемые сокращения и отличия есть, но мне удовольствие не испортили. Правда, если книжку не читать, что-то может быть непонятно, но кто ж ее не читал-то?

В Москве показ в центральных кинотеатрах (если вообще был) как-то стремительно прошел, и на прошлой неделе уже был только в периферийных залах (что вдвойне обидно, потому что кино в кои-то веки хорошее). Увидев Харрисона Форда в трейлере я думал, что крутить будут везде, долго и упорно.