One of the very early blocks for new React developers is the use of class components. Specifically, the use of the this keyword might prove confusing. Aside from that, the use of class components leads to a lot of boilerplate code that does little to help the readability of our code.
If you’ve ever struggled to deploy your Rails and Ract apps to Heroku, this post is for you. Usually, the problems when deploying arise from the fact that despite we did extensive planning, we didn’t account for Heroku’s requirements, and now we’re trapped in a sea of logs and unmet dependencies. Also, Rails and React are sometimes built as separate apps, which requires two of the five app slots that Heroku offers for free accounts. Wouldn’t it be nice if we could deploy with no issues and just use one slot per app? Let’s do it!
I was trying to come up with an idea for an app until I thought "I wish there was an app that gave you to APIs to mash for a new app," and that there was my new app idea. I was well aware of some lists of public APIs, but I wanted something more random. I wanted something that gave me a random pair for me to see if they’re a good match for a new app. On the other hand, I was always curious about Nokogiri, so I set up this small project to try it out. Click here to download the complete project or here for a deployed demo.
I was working on my desktop computer the other day and my wife came in for a video conference. Since my keyboard is pretty noisy, she asked me to leave the room, so I had to push my code to a github repo so I could grab my laptop and pull from the other room. The problem is I’m very self conscious about my code and I don’t like to push incomplete code, especially from a project that is in a very early stage of development.
If you’re new to the series, click here for part 1, part 2, part 3 and part 4.
Our API is ready so it’s time for a quick frontend, but first, let’s take care of a few issues we left unsolved and make it do a little more. This is going to be a longer post so I won’t explain every change in depth as often as in the previous parts. I will show you all the scss code, but I’m not going to explain it either.
