Add Rebuild Tailwind Bundle For Dev Server as a Rails TIL

Author: jbranchaud

README.md

@@ -10,7 +10,7 @@ pairing with smart people at Hashrocket.
 
 For a steady stream of TILs, [sign up for my newsletter](https://crafty-builder-6996.ck.page/e169c61186).
 
-_1560 TILs and counting..._
+_1561 TILs and counting..._
 
 See some of the other learning resources I work on:
 - [Ruby Operator Lookup](https://www.visualmode.dev/ruby-operators)
@@ -1037,6 +1037,7 @@ See some of the other learning resources I work on:
 - [Query A Single Value From The Database](rails/query-a-single-value-from-the-database.md)
 - [Read In Environment-Specific Config Values](rails/read-in-environment-specific-config-values.md)
 - [Read-Only Models](rails/read-only-models.md)
+- [Rebuild Tailwind Bundle For Dev Server](rails/rebuild-tailwind-bundle-for-dev-server.md)
 - [Remove A Database Column From A Table](rails/remove-a-database-column-from-a-table.md)
 - [Remove The Default Value On A Column](rails/remove-the-default-value-on-a-column.md)
 - [Render An Alternative ActionMailer Template](rails/render-an-alternative-action-mailer-template.md)

rails/rebuild-tailwind-bundle-for-dev-server.md

@@ -0,0 +1,29 @@
+# Rebuild Tailwind Bundle For Dev Server
+
+If you're using the TailwindCSS gem in your Rails app:
+
+```ruby
+# Use Tailwind CSS [https://github.com/rails/tailwindcss-rails]
+gem "tailwindcss-rails"
+```
+
+you may find that as you add and adjust styles in your views, refreshing the
+page doesn't take any styling effects. That is because the tailwind bundle gets
+built with just the style rules that were used at the time it was generated.
+
+In development, as we're working, we expect the styles used by our app to
+actively changed. And we don't mind a little performance hit to have the bundle
+rebuilt. In that case, we can instruct `puma` to _Live Rebuild_ in
+`development` with the `tailwindcss` plugin.
+
+```ruby
+# config/puma.rb
+
+# Enable TailwindCSS rebuild in development
+plugin :tailwindcss if ENV.fetch("RAILS_ENV", "development") == "development"
+```
+
+This has `rails server` run a watch process in the background that live
+rebuilds the bundle.
+
+[source](https://github.com/rails/tailwindcss-rails?tab=readme-ov-file#puma-plugin)