Четверг, 09.05.2024
Мой сайт
Меню сайта
Категории раздела
Мои статьи [1]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Главная » Статьи » Мои статьи

Изоморфное приложение на Riot.js

При разработке веб-приложения обменки валют http://obmen24.kh.ua были поставлены две вполне вменяемые задачи: 1) чтобы приложение было доступно поисковым роботам (а кто о нем иначе узнает) 2) чтобы страница обновлялась каждве там энное количество секунд, Конечно же Аяксом.

Вобщем-то идея не нова - это использовать изоморфные веб-приложения. Но вот каков инструментиарий? В настоящее время есть простой и удобный фреймоверк - Riot.js.

Архитектура достаточно простая. Ваши тэги могут быть отрендерены как на сервере так и на клиенте. Для отображения данных им подсовывется джейсон-объект.

При первой загрузке тэг рендерится на сервере. Дальше по таймауту производится монтирование вместо серверного тэга - клиентского функцией mount и дальнейшее обновление функцией update.

Бонус заключается в том что не нкжно даже указывать что и где рендерится, т.к. Riot.js сам находи одноименные компоненты и монтирует их в нужном тэге.

Вобщем-то результат достаточно эффективный. Около полусотни файлов backbone + backbone-marionette были заменены несколькоими тэками Riot.js и приложение которое google.com не видел даже с пресловутым пререндерером - за 2 часа попало на третью страницу google.com.

Минусы - нетвозможности через каждые два слова произносит backbone-marionette. При этом backbone - слегка внос, а marionette - элегантно грассируя.

 

Пока.



Источник: http://obmen24.kh.ua
Категория: Мои статьи | Добавил: comb-in (05.06.2016) W
Просмотров: 563 | Теги: доллар, евро, обменка, харьокв | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Поиск
Друзья сайта
  • Создать сайт
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Все проекты компании
  • Copyright MyCorp © 2024
    Бесплатный хостинг uCoz