React.js over Rails view

Using React.js over Rails view was a hard decision for us here at BigBinary. BigBinary is a Ruby on Rails consulting company, and we have been using Ruby on Rails for the last nine years.

Over the years we have seen the shift that more and more of our clients are asking for React.js to be the view layer of their applications instead of Rails view.

Today, more than 90% of the applications that we are building for our clients use React.js. Therefore, we can't claim that this book is well maintained unless we include lessons on integrating React to Rails application.

So, in this book, we will be using React.js to write frontend code. If you are a beginner to React and JavaScript, you can use the materials mentioned in the below section to learn the fundamentals. We won't recommend going into depth about React.js, given that this book is more oriented towards Ruby on Rails.

We will be developing a simple demo application using Rails and React in the upcoming chapters. Stay tuned!

Free materials to learn JavaScript

Courses

• Functional Programming course by freeCodeCamp

• Basic JavaScript course by BigBinary Academy

• Intermediate JavaScript course by BigBinary Academy

• Advanced JavaScript course by BigBinary Academy

• Learn JavaScript - Full Course for Beginners by freeCodeCamp

• Beginner's Series to JavaScript by Microsoft Developer

Articles

• JavaScript naming conventions: do’s and don’ts by freeCodeCamp

Videos

• What is THIS in JavaScript? by Fireship

• Destructuring in JavaScript by Fireship

• Question Mark in JavaScript by Fireship

• Crazy things in JavaScript by Kyle Simpson(InfoQ)

• What the heck is the event loop anyway? by Philip Roberts

Books

• You don't know JS book by Kyle Simpson

Free materials to learn React.js

Teaching React.js is beyond the scope of this book. Here are some free materials to learn React.js.

• ReactJS course by BigBinary Academy

• ReactJS tutorial by Codevolution

• Practical React by Codevolution

• Learn React for free by Scrimba

• Free React bootcamp videos by Tyler Mcginnis

• Learn React JS - Full Course for Beginners video by freeCodeCamp

• React Tutorial for Beginners by Programming with Mosh

Free Materials to learn React hooks

• React Hooks by Codevolution

• React Hooks by Web Dev Simplified

• Build A Currency Converter In React by Web Dev Simplified

• How To Build A Flashcard Quiz With React by Web Dev Simplified

Free materials to learn Formik

We won't be using Formik in this application but it is a good tool to build forms in React. We definitely use Formik in our neeto products.

• React formik by Codevolution

• Elegantly building forms in React with Formik

Free material to learn how to use Chrome dev tools

• Chrome DevTools - Crash Course by freeCodeCamp