How to Set Up a Firebase Database For Your React Project

Adding persistent storage to your new React project can be a pain: enter Firebase. Firebase is a Google platform that allows you to develop apps faster. It provides many different built-in services such as authentication, analytics, hosting and, since that’s what this article about, a realtime database.

In order to get a database set up with a React app you need to do a few things. First things first - add firebase to your package.json with yarn add firebase or npm install --save firebase.

More …

What is Webpack and How Does it Work with Rails?

I had been a little fuzzy on how to explain webpack, so I did some more research to get a clearer picture. Essentially this is what webpack does: It takes modules with dependencies and turns those into static assets. Said another way, webpack takes all of our assets and dependencies and creates a bundle that is ready for production. Awesome!

More …

React & Redux App with Persistent Storage Through Rails API

Building a React & Redux app was a lot more challenging than I had expected. Before using React, I had been mostly working in Ruby (on Rails) and a little in JavaScript. Creating a simple CRUD app is what Rails is all about and the framework makes it so easy; I figured this wouldn’t be much of a challenge in React either…

More …