Part 1 — You don’t know how to use React with Rails 5

Let’s figure it out.

Beginner Rails 5 With ReactJS Tutorial

Part 2
Video Tutorial — Source Code

Rails 5 was released on June 30, and I’m interested in seeing if it works well with React as a view layer. Follow this series, as I get to know some new features in Rails 5.

The Objective

Right now I’m doing a lot of strength training, both with my clients and by myself. I have several fitness related demo/tester apps in my git account, and one deployment that I might expand upon. This app’s main purpose will be to track a lifters 1RM for various lifts.

The Wireframe

The bottom of the chart will be an input field, and the lifts will appear in order by date once entered.

If the lift is performed only ONCE, then no calculations will be made to estimate 1RM. Otherwise, the program will estimate.

Due diligence wireframe. I don’t get paid to write this stuff for you. I walked all the way to the scanner though.

The Git Repo

Since I already got started by creating a new Rails app and getting some gems set up, I set up a git repo and pronounced: I dub thee LiftProgress.

What the heck, let’s open GIMP and make a logo:

Quick gripe: people always criticise my styles and colours, as if they don’t realise I’m a coder not a designer.

The Plot So Far

Step 1

Ensure you are running Ruby 2.3.1 with Rails 5. I use RVM even though I dislike it. Can’t win ’em all. Once you are compliant, start a new rails app:

$ rails new LiftProgress

Step 2

Make sure everything works in the browser at localhost:3000 by running:

$ rails s
As a seasoned DJ, I’m not sure how I should feel about that proclamation, Rails team.

Step 3

Push this to your git repo and we’re done for now.

Next episode:

Laying the ground work for our app by adding gems.