Skip to Main Content
Modern Front-End Development for Rails, 2nd Edition
book

Modern Front-End Development for Rails, 2nd Edition

by Noel Rappin
September 2022
Intermediate to advanced content levelIntermediate to advanced
410 pages
10h 7m
English
Pragmatic Bookshelf
Content preview from Modern Front-End Development for Rails, 2nd Edition

Adding Our First Component

Let’s take a second and talk about what we are going to use React to do. The concert display page was quietly part of our original Rails app, but we haven’t looked at it closely yet. It currently has a grid of seats that we’d like to use to allow people to select what seat they want to purchase at the particular concert being displayed.

Right now, it’s a grid of squares in an HTML table:

 <table class=​"table"​>
  <tbody>
 <%​ @concert.​venue​.​rows​.​times​ ​do​ |row| ​%>
  <tr>
 <%​ @concert.​venue​.​seats_per_row​.​times​ ​do​ |seat| ​%>
 <%​ ticket = @concert.​find_ticket_at​(
 row: ​row + 1,
 number: ​seat + 1) ​%>
  <td>
 <%=​ button_to(ticket_path(ticket.​ ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Modern Front-End Development for Rails

Modern Front-End Development for Rails

Noel Rappin

Publisher Resources

ISBN: 9781680509977Errata Page