Recent tutorials & articles
Resources - examples of resumes (CV), cover letter and job application tracker
How to animate a component using React Transition Group
In this hands-on video tutorial, you'll learn how to animate a React component using the React Transition Group library. This tutorial builds upon a previous tutorial on How to make an Idea board app using a Rails 5 API and React.js.
You'll also get access to the complete code.
Rails 5 API and React.js tutorial - How to make an Idea board app
Build an Idea board app with a Rails 5.1 API app and a separate frontend React app built using Create React App. The tutorial covers stateless functional components, class-based components, use of axios for making API calls, immutability-helper and more.
The 11-minute guide to building and launching an online store with Rails, Stripe Checkout and Heroku
Learn to build and launch an online store in this 11-minute video tutorial. We will build a simple store which accepts payments through Stripe checkout.js and deploy it to Heroku.
How to build a chat app with Rails 5.1 ActionCable and React.js Part 2
In part 2 of the ActionCable and React tutorial, we’ll rebuild the frontend of a Rails 5.1 chat app using React components.
How to build a chat app with Rails 5.1 ActionCable and React.js Part 1
In the first part of this 2-part tutorial, learn how to build a chat app with Rails 5.1 and ActionCable. We'll use devise and Github omniauth for user authentication.
Fitness dashboard part 3
In Part 3 of the Fitness dashboard series based on the Fitbit API, we add some time series bar charts using the Recharts component library and a friends leaderboard.
Fitness dashboard Part 1
Learn to build a fitness dashboard app with the Fitbit API using a Rails 5.1 app with inbuilt React support. Connect to the Fitbit API, pull in user data and display it in a dashboard showing statistics and charts built with React components.
Using Redux with react_on_rails
In this lesson, we look at the example HelloWorld app that comes with the react_on_rails gem and see how Redux can be used in a simple React app.
Creating a blog with Cookiecutter-Django & deploying it to Heroku
Learn to jumpstart a production-ready blog using the Cookiecutter-Django framework and how to deploy it to Heroku
Part VIII - Showing the data we created on the frontend
Now that we've created the data for our blog, we'll learn how to show it using the Django ORM in this chapter. Wait, what? O-R, what?
Part VII - Creating the data and fine-tuning the templates
Django follows the DRY principle of software development or the Don't repeat yourself principle, aiming to minimize writing code or repeating code.
Part VI - Testing our app using Unittests
"Code without tests is broken by design." - Jacob Kaplan-Moss
Part IV - Model Architecture Planning
It's good to visualize our models before defining them in our models.py for us to see how our model structure would be laid out. The figure below shows how we will determine the database of the blog we're building.
Part V - Creating the models.py, views.py, urls.py, admin.py & the superuser
It's good to visualize our models before defining them in our models.py to see how our model structure would be laid out. The figure below shows how we will determine the database of the blog we're building.
Part III - Creating the app for the blog
We'll create the app and name it main.
Part IX - How to deploy your Django app to Heroku for FREE
Learn how to deploy your Django app in 2 minutes. on Heroku.
Part II - Creating the Django blog project
A walk through on how to generate the a project
What is React?
In this lesson, we look at what React is, using a simple visual example.
Fitness dashboard part 2
In part 2, we display lifetime statistics and achievement badges from the Fitbit API. We use axios for fetching data and make use of class-based and stateless functional components.
Introduction to Redux
In this tutorial we look at Redux, one of the most popular libraries built on the Flux pattern.
Introduction to Flux
In this tutorial we look at the concepts behind the Flux pattern for building user interfaces.
CSS Animations and Transitions
In this lesson we’ll look at how to do simple CSS transitions in React.
Using Bootstrap with React
In this tutorial we look at how to use Bootstrap with React
Building your first React Rails app - Part 1
We are going to build a web app for creating, listing and finding events - basically a clone of Eventbrite.