react-webpack-rails-tutorial/app/views/layouts/application.html.erb at 6bd9a953ac221e2a230fdf544e4add090472f930 · shakacode/react-webpack-rails-tutorial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<% content_for :body_content do %>
  <%= react_component "NavigationBarApp" %>

  <div class="container mx-auto flex-grow px-4 sm:px-6 lg:px-8">
    <%= yield %>
  </div>

  <%= react_component "Footer" %>

  <!-- This is a placeholder for ReactOnRails to know where to render the store props for
      client side hydration -->
  <%= redux_store_hydration_data %>
<% end %>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>React Webpack Rails Tutorial</title>

  <%= append_stylesheet_pack_tag('stimulus-bundle') %>
  <%= append_javascript_pack_tag('stimulus-bundle') %>
  <%= append_javascript_pack_tag('stores-registration') %>
  <%= stylesheet_pack_tag(media: 'all', 'data-turbolinks-track': true) %>
  <%= javascript_pack_tag('data-turbolinks-track': true, defer: true) %>

  <%= csrf_meta_tags %>
</head>
<body class="min-h-screen flex flex-col bg-[#fffef9] text-slate-700 antialiased">
  <%= yield :body_content %>
</body>
</html>