Организация верстки в rails проекте с помощью гема rails_ui_kit

Где обычно вы верстаете страницы сайта для последующей интеграции с rails приложением? В отдельном репозитории с html файлами или сразу в rails в каком-нибудь специально отведенном контроллере? А тестируете ли верстку длинными словами и текстами? А проверяете ли различные варианты отображения элементов верстки с помощью длинного текста? Попробую кратко осветить эти вопросы, рассказав о геме rails_ui_kit.

Идея написать этот гем и использовать его в разных проектах возникла после прочтения записей из блога hashrocket (раз, два, три).

Кратко о возможностях гема:

  • возможность верстки сразу в стеке rails приложения, который предоставляет большие возможности работы с темплейтами, шаблонами и другими вкусностями (haml, sass, coffeescript и т.п.)
  • навигация по шаблонам верстки и хранение их в отдельной ui директории
  • предоставление хелперов для использования в верстке

На данный момент гем имеет минимальный набор хелперов, которые наиболее часто приходится использовать практически в каждом проекте. Подробнее об этих хелперах можно прочесть в блоге hashrocket. Вы можете сами добавить необходимые хелперы, расширив модуль UiHelper.

В качестве дополнения приведу примеры дополнительных хелперов, которые мы использовали в одном из проектов:

  • хелпер с длинным именем пользователя (Константин Константинович Константинопольский)
  • хелперы различных по длине значений цен (1000 RUB, 100 000 RUB, 1 000 000 RUB, 999 000 000 RUB)
  • lorem-хелпер для хлебных крошек
  • lorem-хелпер значений для select тега

Вообще, можно придумать много разных хелперов, все зависит от проекта.

Буду рад, если гем rails_uit_kit вам пригодится. Так же буду рад получить фидбек и идеи по улучшению гема.

Страница репозитория - https://github.com/puffy/rails_ui_kit.

Источник: rubyflow.ru

Вход для пользователей