# \#book-modern-front-end-development-for-rails-second-edition **URL:** https://forum.devtalk.com/tag/book-modern-front-end-development-for-rails-second-edition/1981.md [Latest](https://forum.devtalk.com/latest.md) · [Categories](https://forum.devtalk.com/categories.md) · [Tags](https://forum.devtalk.com/tags.md) --- ## [Modern Front-End Development for Rails, Second Edition: can't get code to run](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-cant-get-code-to-run/197037)
**Author:** [@Josh](https://forum.devtalk.com/u/Josh)\ **Replies:** 0\ **Last updated:** [29 April 2025 19:05 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-cant-get-code-to-run/197037 "2025-04-29T19:05:44Z")
I just bought this book today and am having trouble getting the sample code running on an M1 MacBook. I cd into chapter\_01/02 do git init to save the initial state. Then I install Ruby 3.1.2 and run bundle install. An … --- ## [Modern Front-End Development for Rails, Second Edition: some typos in chapters 1-3](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-some-typos-in-chapters-1-3/141701)
**Author:** [@albertchae](https://forum.devtalk.com/u/albertchae)\ **Replies:** 1\ **Last updated:** [1 February 2024 15:10 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-some-typos-in-chapters-1-3/141701 "2024-02-01T15:10:16Z")
Title: Modern Front-End Development for Rails, Second Edition P1.0 Hi @noelrappin , I am enjoying the book so far but just saw a few issues and typos I wanted to report Chapter 1, Page 18 says: Right now we need to u… --- ## [Modern Front-End Development for Rails, Second Edition: chapt 2 - app/views/\*\*/\*.turbostream.erb is not correct](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-chapt-2-app-views-turbostream-erb-is-not-correct/126769)
**Author:** [@sekmo](https://forum.devtalk.com/u/sekmo)\ **Replies:** 0\ **Last updated:** [1 October 2023 16:31 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-chapt-2-app-views-turbostream-erb-is-not-correct/126769 "2023-10-01T16:31:26Z")
@noelrappin Title: Modern Front-End Development for Rails, Second Edition - Chapt 2, “Extending our page with Turbo Streams” - when adding the pattern to the tailwind config file we read: app/views/\*\*/\*.turbostream.erb … --- ## [Modern Front-End Development for Rails, Second Edition: config file pops out of nowhere (page 18)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-config-file-pops-out-of-nowhere-page-18/110835)
**Author:** [@redross](https://forum.devtalk.com/u/redross)\ **Replies:** 0\ **Last updated:** [29 May 2023 10:48 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-config-file-pops-out-of-nowhere-page-18/110835 "2023-05-29T10:48:35Z")
The page starts with “TypeScripts uses a configuration file at tsconfig.json. Here’s the one we’ll start with” and then it gives the file content. I found this step surprising. I’ve started from chapter\_01/02 code and fo… --- ## [Modern Front-End Development for Rails, Second Edition: Ticket after\_update\_commit not working (page 342)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-ticket-after-update-commit-not-working-page-342/107289)
**Author:** [@bhtabor](https://forum.devtalk.com/u/bhtabor)\ **Replies:** 0\ **Last updated:** [1 May 2023 17:19 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-ticket-after-update-commit-not-working-page-342/107289 "2023-05-01T17:19:27Z")
Using ActionCable directly fixed the error: # appendix\_hotwire/01/app/models/ticket.rb after\_update\_commit -\> do ActionCable.server.broadcast( "concert\_#{concert.id}", { seat: id, status: status }.to\_jso… --- ## [Modern Front-End Development for Rails, Second Edition:](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition/94989)
**Author:** [@NoobieOnRails](https://forum.devtalk.com/u/NoobieOnRails)\ **Replies:** 0\ **Last updated:** [4 February 2023 17:04 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition/94989 "2023-02-04T17:04:01Z")
There’s a missing " on page 213. It’s also missing in the code too. It’s the closing " for the id attribute. I expect most people will close it themselves so not a big issue. --- ## [Modern Front-End Development for Rails, Second Edition:Page 18](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-page-18/80342)
**Author:** [@jackparsons93](https://forum.devtalk.com/u/jackparsons93)\ **Replies:** 2\ **Last updated:** [29 October 2022 19:51 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-page-18/80342 "2022-10-29T19:51:01Z")
The part I have a question about is where in the book it says “Right now we need to update our dev scripts to use tsc-watch” What are Dev Scripts does that mean procfile.dev or perhaps bin/dev I see no file called dev… --- ## [Modern Front-End Development for Rails, Second Edition: Chapter 3, Stimulus - elementToHideTarget is undefined (p 52)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-chapter-3-stimulus-elementtohidetarget-is-undefined-p-52/73030)
**Author:** [@psantos](https://forum.devtalk.com/u/psantos)\ **Replies:** 7\ **Last updated:** [11 September 2022 17:56 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-chapter-3-stimulus-elementtohidetarget-is-undefined-p-52/73030 "2022-09-11T17:56:16Z")
On page 52, example code chapter\_03/04/app/javascript/controllers/favorite\_toggle\_controller.ts, which is: import { Controller } from "@hotwired/stimulus"; export default class FavoriteToggleController extends Controll… --- ## [Modern Front-End Development for Rails, Second Edition: Inputs in example code](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-inputs-in-example-code/71137)
**Author:** [@NoobieOnRails](https://forum.devtalk.com/u/NoobieOnRails)\ **Replies:** 0\ **Last updated:** [29 August 2022 13:08 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-inputs-in-example-code/71137 "2022-08-29T13:08:47Z")
@noelrappin Title: Modern Front-End Development for Rails, Second Edition: Inputs look disabled or have placeholder text Example: Forms in app /chapter\_02/01 The text in example forms looks like placeholder text and th… --- ## [Modern Front-End Development for Rails, Second Edition - Typo (p29)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-typo-p29/61279)
**Author:** [@meg-gutshall](https://forum.devtalk.com/u/meg-gutshall)\ **Replies:** 1\ **Last updated:** [20 August 2022 20:36 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-typo-p29/61279 "2022-08-20T20:36:06Z")
By adding the target attribute, you are changing the behavior or all links within the frame to redraw the target frame rather than the frame that the link originates from. “or” should be “of” --- ## [Modern Front-End Development for Rails, Second Edition - Typo (p 28)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-typo-p-28/61278)
**Author:** [@meg-gutshall](https://forum.devtalk.com/u/meg-gutshall)\ **Replies:** 1\ **Last updated:** [20 August 2022 20:35 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-typo-p-28/61278 "2022-08-20T20:35:38Z")
Turbo Frames, by default, only captures the part of the response that matches the ID of the Turbo Frame that the request came from. “captures” should be “capture” --- ## [Modern Front-End Development for Rails, Second Edition - Typo (p 13)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-typo-p-13/61241)
**Author:** [@meg-gutshall](https://forum.devtalk.com/u/meg-gutshall)\ **Replies:** 1\ **Last updated:** [20 August 2022 20:34 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-typo-p-13/61241 "2022-08-20T20:34:46Z")
The last bullet point of the list reads: The simple form config file in config/intializers declares some CSS classes for form purposes. You’ve misspelled “initializers” there. --- ## [Modern Front-End Development for Rails, Second Edition: Consistent typography (p34)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-consistent-typography-p34/64344)
**Author:** [@meg-gutshall](https://forum.devtalk.com/u/meg-gutshall)\ **Replies:** 1\ **Last updated:** [20 August 2022 20:32 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-consistent-typography-p34/64344 "2022-08-20T20:32:39Z")
@noelrappin In one paragraph, you write: A feature that makes using Turbo Streams easier from the controller side is that Rails recognizes turbo\_stream as a format in the same way it recognizes html and json. Then i… --- ## [Modern Front-End Development for Rails, Second Edition: Typo (p44)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-typo-p44/64345)
**Author:** [@meg-gutshall](https://forum.devtalk.com/u/meg-gutshall)\ **Replies:** 1\ **Last updated:** [20 August 2022 20:31 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-typo-p44/64345 "2022-08-20T20:31:12Z")
@noelrappin Stimulus uses static class-level variables, which is a newer JavaScript feature that the our JavaScript preprocessor needs to know about. Take out either “the” or “our” and this will make sense. --- ## [Modern Front-End Development for Rails, Second Edition - incorrect code? (page 170)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-incorrect-code-page-170/61524)
**Author:** [@bradmajewski](https://forum.devtalk.com/u/bradmajewski)\ **Replies:** 1\ **Last updated:** [29 June 2022 04:31 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-incorrect-code-page-170/61524 "2022-06-29T04:31:12Z")
I’m looking at the code for “Debouncing User Input” and the submit function appears to be wrong. submit(): void { this.debounce(this.basicSubmit.bind(this))() } If I’m reading the code properly, this.debounce is a fu… --- ## [Modern Front-End Development for Rails, Second Edition - Wording (p 34)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-wording-p-34/61286)
**Author:** [@meg-gutshall](https://forum.devtalk.com/u/meg-gutshall)\ **Replies:** 1\ **Last updated:** [27 June 2022 13:12 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-wording-p-34/61286 "2022-06-27T13:12:31Z")
The wording for this paragraph is a bit confusing: A feature that makes using Turbo Streams easier from the controller side is that Rails recognizes turbo\_stream as a format in the same way it recognizes html and json.… --- ## [Modern Front-End Development for Rails, Second Edition: Chapter 3, Stimulus](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-chapter-3-stimulus/56056)
**Author:** [@EdwardCaulfield](https://forum.devtalk.com/u/EdwardCaulfield)\ **Replies:** 3\ **Last updated:** [20 June 2022 15:47 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-chapter-3-stimulus/56056 "2022-06-20T15:47:45Z")
Please use the following format for the title of this thread (then simply delete/replace this text with the content for the thread): Title:Modern Front-End Development for Rails, Second Edition: Nonsensical text (page … --- ## [Modern Front-End Development for Rails, Second Edition (PragProg)](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-pragprog/53958)
**Author:** [@PragmaticBookshelf](https://forum.devtalk.com/u/PragmaticBookshelf)\ **Replies:** 1\ **Last updated:** [14 May 2022 19:54 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-pragprog/53958 "2022-05-14T19:54:40Z")
Combine Rails 7, TypeScript, Turbo, Stimulus, and React to build rich user interaction into your websites using the best of both server and client-side tools. Noel Rappin @noelrappin edited by Katharine Dvorak @kati… --- ## [Modern Front-End Development for Rails, Second Edition: Chapter 1 setup](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-chapter-1-setup/54538)
**Author:** [@bjnord](https://forum.devtalk.com/u/bjnord)\ **Replies:** 3\ **Last updated:** [14 May 2022 12:58 UTC](https://forum.devtalk.com/t/modern-front-end-development-for-rails-second-edition-chapter-1-setup/54538 "2022-05-14T12:58:06Z")
@noelrappin Happy to see the 2nd Edition underway with Rails 7! In section “The Sample Code” it says chapter\_01/01 is “probably the best place to start if you are following along”. But: In nrclient2-code.zip the chap…