Modern Front-End Development for Rails (Pragmatic Bookshelf)

PragmaticBookshelf
It’s hard to have a Rails application without integrating some client-side logic. But client-side coding tools, and the Rails tools for integrating with them, all change continuously.

Noel Rappin @noelrappin

edited by Katharine Dvorak @katied

It’s hard to have a Rails application without integrating some client-side logic. But client-side coding tools, and the Rails tools for integrating with them, all change continuously. Rails 6 simplifies client-side integration with the Webpacker gem. It’s the default tool for building client-side assets for use by web browsers. Learn how to use Rails 6 and Webpacker to build rich front-end logic into your Rails applications. The job is even easier with Stimulus, a library that brings Rails conventions to JavaScript tools. Add in some React, a popular framework that automatically updates the browser when your data changes.

Learn the basics of webpack, Webpacker, and TypeScript, and add pizazz to your application. Structure your web application to best manage your state. Learn how to interact with data on the server while still keeping the user experience interactive. Use the type system in TypeScript to expand on JavaScript and help prevent error conditions. Debug and test your front-end application with tools specific to each framework.

There are a lot of ways to do client-side coding, and Rails is here to help.


  • Full details: Search
  • View this book’s portal and details on how to post errata and suggestions here.

Don’t forget you can get 35% off with your Devtalk discount! Just use the coupon code “devtalk.com" at checkout :+1:

2 1218 0

Latest Threads About This Book Top

andreheijstek
After running /bin/setup, the first error was: The foreman' command exists in these Ruby versions: That was easy to fix: gem install fore...
0 1104 3
New
tkhobbes
After some hassle, I was able to finally run bin/setup, now I have started the rails server but I get this error message right when I vis...
0 1459 5
New
ants
Is this book still relevant because setting it up could well be more difficult with newer gems/packages than when you first wrote the boo...
0 786 2
New
tomwiththeweather
There is no main directory in the zip file at http://media.pragprog.com/titles/nrclient/code/nrclient-code.zip p. xvi says “The version ...
0 707 2
New
brohemian
Trying to build an app from scratch based off of the first chapter is extremely frustrating when trying to use the later/latest versions ...
0 905 2
New
papergirl
The webpack/base.js sample continues to throw errors, is an updated version available or are these options still supposed to be valid and...
0 800 2
New
AndyDavis3416
@noelrappin Running the webpack dev server, I receive the following warning: ERROR in tsconfig.json TS18003: No inputs were found in c...
3 1432 3
New
alessani
@noelrappin The code for Venue has a typo, the current text is: const rowNumbers = Array.from(Array(props.seatsPerRow).keys()) But the...
0 754 0
New
weedySeaDragon
@noelrappin page 213 P1.0 pdf: example code chapter_11/01/app/views/schedule_days/_schedule_day.html.erb is missing a closing quote ("...
0 708 0
New
weedySeaDragon
@noelrappin page 96 (P1.0 pdf): The .css file shown should be chapter_05/02/app/packs/entrypoints/application.css but instead chapter_...
0 723 0
New

Most Active This Week Top

Most Active This Month Top

Most Active This Year Top

Most Active Last Three Years Top

tkhobbes
After some hassle, I was able to finally run bin/setup, now I have started the rails server but I get this error message right when I vis...
0 1459 5
New
andreheijstek
After running /bin/setup, the first error was: The foreman' command exists in these Ruby versions: That was easy to fix: gem install fore...
0 1104 3
New
ants
Is this book still relevant because setting it up could well be more difficult with newer gems/packages than when you first wrote the boo...
0 786 2
New

Most Active Over Three Years Top

PragmaticBookshelf
“Finding the Boundaries” Hero’s Journey with Noel Rappin @noelrappin Even when you’re ultimately right about what the future ho...
34 3628 22
New
PragmaticBookshelf
It’s hard to have a Rails application without integrating some client-side logic. But client-side coding tools, and the Rails tools for i...
2 1218 0
New
AleksandrKudashkin
On the page xv there is an instruction to run bin/setup from the main folder. I downloaded the source code today (12/03/21) and can’t see...
2 1424 11
New
alanq
This isn’t directly about the book contents so maybe not the right forum…but in some of the code apps (e.g. turbo/06) it sends a TURBO_ST...
1 1363 7
New
jdsutherland
I ran into issues around pg. 37 related to stimulus targets with the following console error: day_toggle_controller.ts:6 Uncaught (in pr...
4 973 3
New
brohemian
Trying to build an app from scratch based off of the first chapter is extremely frustrating when trying to use the later/latest versions ...
0 905 2
New
RobOldCodes
Hi, I just got bitten by this issue when trying to run the initial bin/setup command: To work with the latest versions I’ve had to lock...
5 926 7
New
devmaker
Page 15 shows these imports for the conversion of application.js to application.ts import * as ActiveStorage from "@rails/activestorage"...
3 882 1
New
RobOldCodes
Page xv invites us to run the example app with rails s. I get this error: Showing <APP_DIR>/turbo/01/app/views/concerts/_schedule_...
0 825 1
New
AndyDavis3416
@noelrappin Running the webpack dev server, I receive the following warning: ERROR in tsconfig.json TS18003: No inputs were found in c...
3 1432 3
New
JohnEss
And update the app/javascript/packs/application.scss to this: chapter_01/01/app/packs/entrypoints/application.scss The first file path...
1 805 1
New
papergirl
The webpack/base.js sample continues to throw errors, is an updated version available or are these options still supposed to be valid and...
0 800 2
New
thehoagie
Modern Front-End Development for Rails: Adding Interactivity with Turbo Frames (page 22) This mentions you can login to the seed data wi...
0 768 1
New
AleksandrKudashkin
Using convention over configuration, that controller should be in the file app/javascript/controller/favorite_toggle_con- troller.ts. L...
0 779 1
New
weedySeaDragon
@noelrappin Page 49 of P1.0: The name of the attribute in the 4th paragraph is wrong. It is: data-day-toggle-visible-value but shoul...
0 781 2
New

Book Info

Publisher: Pragmatic Bookshelf

Are you this book's author? To be notified of all posts made about it, sign up an account then click here, then select 'watching' from the bell icon in the top right corner.

Get money off!

The Pragmatic Bookshelf

35% off any eBook

Simply use coupon code "devtalk.com" at checkout. See full details here.