TК°Conf. Хайп против реальности: год жизни с изомофорным React-приложением. Илья Климов.

•

1 like•135 views

Год назад, на волне всеобщего восторга, автором было принято судьбоносное решение стартовать новый проект на связке React + Redux + Webpack. Решающим фактором стала обещанная изомофорность - переиспользование одного и того же кода отрисовки на сервере и клиенте. В этом докладе я освещу основные недостатки такого подхода, решенные и нерешенные (пока что) проблемы. Я по-рассуждаю о том, стоит ли игра свеч, и во что обходится продукту нахождение на переднем крае Frontend-технологий.

Similar to TК°Conf. Хайп против реальности: год жизни с изомофорным React-приложением. Илья Климов.

2016 год. Добро пожаловать в новую реальность. Сегодня позиция JavaScript-разработчика является одной из самых востребованных и хорошо оплачиваемых в мире. Современные возможности JavaScript - это квестистенция всего, что произошло в отрасли разработки за всё её время существования: универсальные React-компоненты и композиция, декларативная анимация, изоморфные приложения, отсутствие side effects, авто-генерация тестов, симбиоз ООП и функционального программирования. Последние три года выдались самые насыщенные революционные для веб-разработки. Многие разработчики, кто не успел уследить за произошедшим, задают лишь один вопрос ЧТО ПРОИСХОДИТ? В рамках этого доклада мы попробуем синхронизироваться с JavaScript сообществом и посмотреть, что же он предоставляет нам сегодня? Как решать задачи привычные задачи? Что является актуальным направлением, а что может стать пустой тратой сил и времени?

Денис Измайлов, JavaScript сегодня: React, Redux и новая реальность

ScrumTrek

JavaScript сегодня: React, Redux и новая реальность

Denis Izmaylov

Взглянем ещё раз на концепцию изоморфных приложений. На первый взгляд, всё красиво — полный порядок, высокая организованность, быстрая выдача результата. Но так ли всё оптимистично? Что случится после того, как мы развернём приложение на сервере? Почему при росте нагрузки наше React-приложение начинает тормозить? Как масштабироваться? Купить ещё несколько серверов? Потом ещё немного? Есть способ лучше. В рамках доклада рассмотрим следующие темы: 1. Что представляют собой изоморфные приложения? 2. Зачем они на самом деле нужны? 3. Рассмотрим варианты архитектуры. 4. Найдём слабые места (bottleneck). 5. Посмотрим на способы решения и оценим их эффективность. 6. Обсудим возможности масштабирования изоморфных приложений. 7. И, самое главное, ответим на вопрос — стоит ли игра свеч?

Изоморфные React-приложения производительность и масштабирование / Денис Изма...

Ontico

Прогрессивный рендеринг и Catberry.js / Михаил Реенко (2GIS / Flamp)

Ontico

Изоморфные react-приложения

Denis Izmaylov

Изоморфные React-приложения: производительность и масштабирование

Denis Izmaylov

Little Service in 2h

Alexei Yuzhakov

Представьте себе ситуацию: к вам приходит заказчик, у него уже есть продукт, и вам надо организовать процесс и создать соответствующую инфраструктуру так, чтобы сделать работу над продуктом максимально удобной и эффективной. Какие шаги были сделаны и почему, какие проблемы встретились и как были решены проектной командой в вышеописанной ситуации, к чему всё это привело на данный момент — об этом и будет рассказано в докладе.

AzovDevMeetup 2016 | Выстраивание процесса и применение Best Practices с нуля...

JSC “Arcadia Inc”

"Изоморфный D3 + MALEVICH", Алексей Охрименко, MoscowJS 25

MoscowJS

Rambler.iOS #6: Не рычите на pbxproj

RAMBLER&Co

Every company comes to a point where it’s infrastructure no longer fits team and business needs, and kludges are not working anymore. That’s the time to re-think and redesign the whole infrastructure. This is exactly where our company was half a year ago. I will talk about our experience dealing with this challenge while balancing between existing technology, costs, today’s reality and future needs.

Dmytro Nemesh "Building the perfect infrastructure with Kubernetes"

Fwdays

Интерактивные карты планировок на сайтах торговых центров

Агентство AlterEGO

Angular vs Angular 2 vs React. Сергей Александров

EatDog

Поговорим что такое React и зачем он нужен разработчикам, разберемся что такое ReactJS.NET и JavaScriptServices, Обсудим как интегрировать React компоненты в существующую Razor разметку или даже в WebForms. Расскажем о том какие проблемы с производительностью существуют при серверном рендеринге компонентов и как их решать.

Даниил Соколюк "ReactJS.NET — опыт рендеринга на сервере"

MskDotNet Community

GraalVM is a universal virtual machine for running applications written in JVM-based languages (Java, Scala, Clojure, Kotlin), JavaScript, Python, Ruby, R, and LLVM-based languages such as C and C++. Quite often research projects look like something out of the world, something you won’t probably use in real life. Graal changes the picture: it took the stage out of the blue, and not as a newbie, but as a mature competitor. In this talk, we’ll look at what Graal consists of and what practical use you can get from it right now. We’ll talk about GraalVM components: Graal Compiler – an optimizing compiler that supports both dynamic and static compilation and can integrate with the Java HotSpot VM or run standalone. We’ll see how to run existing applications, and what benefit (in numbers) it can bring. Substrate VM — a framework for ahead-of-time (AOT) compilation into executable images or shared objects. It sounds like a most radical and cheating optimization because it works the way no one else can (under closed-world assumption). Truffle – language implementation framework for creating languages and instrumentations for GraalVM. Language design is a very complex field, so here we’ll focus on existing languages from GraalVM distribution.

Graal, Truffle, SubstrateVM and other perks: what are those and why do you ne...

Oleg Chirukhin

2015-12-05 Сергей Аверин - Javascript-фреймворки: должен остаться только один

HappyDev

SVG in game development

Pavlo Iuriichuk

Рассказ от tech-менеджера о том, как мы в Acronis выбирали фреймворк в условиях, когда любое более-менее важное технологическое решение сразу затрагивает с десяток команд, несколько сотен человек и права «случайно все сломать» нет. В докладе пойдет речь о том, что производительность фронтенда — это больше про слаженную работу команды, про понятный и масштабируемый код, чем про сухие циферки. Но циферки тоже будут. 1) Какие у нас были проблемы с текущим фреймворком — UI, архитектура, код. 2) Как измеряли, что примерно стоит брать (исследование популярности). 3) Что рассматривали. 4) На пути к демо-проекту, какие были сложности (то, что уперли идею с Typescript, собственный компилятор шаблонов, четыре Flux-фреймворка и все плохи). 5) Два пилотных демо-проекта: цифры. 6) Оценка трудоемкости перехода.

Javascript-фреймворки:  должен остаться только один

Sergey Xek

Javascript-фреймворки: должен остаться только один / Аверин Сергей (Acronis)

Ontico

Актуальные технологии и тренды в веб-разработке

Denis Izmaylov

Similar to TК°Conf. Хайп против реальности: год жизни с изомофорным React-приложением. Илья Климов. (20)

Денис Измайлов, JavaScript сегодня: React, Redux и новая реальность

JavaScript сегодня: React, Redux и новая реальность

Изоморфные React-приложения производительность и масштабирование / Денис Изма...

Прогрессивный рендеринг и Catberry.js / Михаил Реенко (2GIS / Flamp)

Изоморфные react-приложения

Изоморфные React-приложения: производительность и масштабирование

Little Service in 2h

AzovDevMeetup 2016 | Выстраивание процесса и применение Best Practices с нуля...

"Изоморфный D3 + MALEVICH", Алексей Охрименко, MoscowJS 25

Rambler.iOS #6: Не рычите на pbxproj

Dmytro Nemesh "Building the perfect infrastructure with Kubernetes"

Интерактивные карты планировок на сайтах торговых центров

Angular vs Angular 2 vs React. Сергей Александров

Даниил Соколюк "ReactJS.NET — опыт рендеринга на сервере"

Graal, Truffle, SubstrateVM and other perks: what are those and why do you ne...

2015-12-05 Сергей Аверин - Javascript-фреймворки: должен остаться только один

SVG in game development

Javascript-фреймворки:  должен остаться только один

Javascript-фреймворки: должен остаться только один / Аверин Сергей (Acronis)

Актуальные технологии и тренды в веб-разработке

More from TKConf

Я бы соврал, если бы сказал, что работа над новым приложением LiveJournal для iOS проходила абсолютно гладко - такого просто не бывает. Несколько используемых API, часть из которых дорабатывалась в процессе, непростой дизайн, необычные продуктовые решения, сложная политика кэширования - все это делало проект не просто сложным, а и очень интересным с точки зрения разработки.В своем выступлении я хочу рассказать несколько историй о том, как налаженные процессы разработки и применение принятых в iOS команде Rambler&Co архитектурных подходов помогли нам в каких-то случаях пережить столкновение с граблями, а в каких-то - и вовсе не наступать на них. Я затрону такие темы, как code review и его роль в поддержании концептуальной целостности проекта, continuous delivery, организацию гибкого сетевого слоя, unidirectional data flow, и, конечно же, VIPER. И небольшой спойлер: мы все-таки его выпустили, и оно крутое!

TК°Conf. Как мы делали ЖЖ. Егор Толстой.

TК°Conf. Хайп против реальности: год жизни с изомофорным React-приложением. Илья Климов.

Recommended

Recommended

More Related Content

Similar to TК°Conf. Хайп против реальности: год жизни с изомофорным React-приложением. Илья Климов.

Similar to TК°Conf. Хайп против реальности: год жизни с изомофорным React-приложением. Илья Климов. (20)

More from TKConf

More from TKConf (19)

TК°Conf. Хайп против реальности: год жизни с изомофорным React-приложением. Илья Климов.