Learn to build software with confidence

Latest Tutorials

• How to build a location based app in React Native - Part 1

• The 11-minute guide to building and launching an online store with Rails, Stripe Checkout and Heroku

• How to build a chat app with Rails 5.1 ActionCable and React.js Part 2

• How to build a chat app with Rails 5.1 ActionCable and React.js Part 1

• How to animate a component using React Transition Group

• Rails 5 API and React.js tutorial - How to make an Idea board app

• Fitness dashboard part 3

• Fitness dashboard part 2

• Fitness dashboard Part 1

• How to use React with the webpacker gem and Rails 5.1

• Using Redux with react_on_rails

• Introduction to Redux

• Introduction to Flux

• CSS Animations and Transitions

• Using Bootstrap with React

• Testing forms

• Snapshot testing

• Testing with Enzyme

• Testing with Jest

• Displaying session data and signing out

• API User authentication with devise_token_auth

• Porting React components from react_on_rails to React

• Setting up a Rails API app and Create React App

• Using Devise with React

• Recap

• Deleting a record

• Editing a record - Part 2

• Editing a record - Part 1

• Keeping data fresh with componentDidMount

• Navigating between routes

• Viewing a record on its own route

• Introduction to React Router v4

• Refs

• Typechecking With PropTypes

• Generalised form validations

• Client side validation errors

• Refactor client side validations

• Multiple field validations on client side

• Code refactor and corrections

• Client-side form validation in React

• Basic form validation

• Hot Module Replacement

• Deploying to Heroku

• Server-side rendering

• Migrating the Calendar appointments app to react_on_rails

• Introduction and setup of Webpack with react_on_rails gem

• Stateless Functional Components in React

• ES6 Arrow functions in React

• ES6 classes in React

• Introduction to ES6 using the react-rails component generator

• Deploying a react-rails app to Heroku

• Styling with CSS in React

• Using a third-party React component - react-datetime

• Using a third-party JavaScript library - Moment.js

• React State - Handling form submission

• React State - Handling user form input

• React props and nested components

• Calendar appointments app with jQuery and Haml

• Installation and setup of Rails 5 app with react-rails gem

• Quick Introduction to key React concepts

See all Tutorials