Леша Федосеев

Как правильно делать: рендерить первоначальный html на сервере -> отдавать его клиенту с JS-приложением -> JS-приложение после загрузки первоначального контента забирает дальнейшее управление на себя.

См. дальше по запросам «изоморфный javascript», «isomorphic javascript».

Выпилить JS из сайта — это вернуться на пару десятков лет назад. Вас утопят в выдаче поведенческие факторы, в то время как разумное использование JS эти поведенческие факторы улучшит (=> поднимет в выдаче). Главное на мобильных с JS не переусердствовать.

P.S. Google бот уже рендерит (и, соответственно, индексирует) SPA, которые без рендеринга на сервере, но позиции по ним, думаю, ниже чем у аналогов с серверным рендерингом. Плюс из соображений скорости первоначальный html лучше собирать на сервере.

Плагин для сохранения стилей в отдельный файл: https://github.com/webpack/extract-text-webpack-plugin

https://github.com/remy/polyfills

А лучше поиск по Github для конкретных кейсов.

+ В материалах MDN часто есть секции с полифилом.

youmightnotneedjquery.com
visionmedia.github.io/superagent
https://github.com/mzabriskie/axios

if (link) { ... }

Никогда не трогайте скролл пользователя.

В общем, так и не поняв как мне эту f передать в этот партиал (насколько я могу судить её и не передать), я решил пойти путём воссоздания этого партиала «руками».

Во-первых, я создал отдельный партиал для ajax-вставки (я даю сразу результат, ниже поясняю откуда в нём появились переменная @building и хелпер building_nested_model_count):

views/admin/buildings/_form_building_views_ajax.html.haml

.form-element-container
  .form-element.b-form-labels= image_tag(@building_view.image_url(:thumb)) if @building_view

  .form-element.b-form-fields= text_field_tag "building[building_views_attributes][#{building_nested_model_count(@building_view, @building)}][title]", nil, placeholder: 'Title'

= hidden_field_tag "building[building_views_attributes][#{building_nested_model_count(@building_view, @building)}][id]", @building_view.id

В нём я просто воссоздал форму, которую мне нужно добавить через ajax (rails с помощью хелперов её генерит автоматом, а я сгенерил её руками). Для того, чтобы оно заработало мне нужно внести изменения в три файла:

1. Определяем переменную @building

controllers/admin/building_views_controller.rb

class Admin::BuildingViewsController < ApplicationController

  def create
    @building_view = BuildingView.create(building_view_params)
    @building = @building_view.building # определяем @building
  end

  private

    def building_view_params
      params.require(:building_view).permit(:building_id, :image)
    end

end

2. Для хэша params в полях id и name формы присутствует индекс для каждого BuildingView (см. в ajax-партиал), рассчитаем его с помощью хелпера:

helpers/admin/building_views_helper.rb

module Admin::BuildingsHelper

	def building_nested_model_count(nested_var, building)
		nested_class = nested_var.class
		nested_class.where(building_id: building.id).count
	end

end

3. И наконец изменим партиал для рендера:

views/admin/building_views/create.js.haml

- if @building_view.new_record?
  == alert('Oops!');
- else
  == $('#building_views').append('#{j render('admin/buildings/form_building_views_ajax')}');

Я в силу небольшого опыта не понимаю: костыль это или решение задачи (с удовольствием послушаю мнения). Но оно работает: форма для нового BuildingView рендерится, его отредактированный title сохраняется.