In a recent code challenge, one of the tasks was to create a d3 bar graph of data retrieved from the YouTube API. In this blog post I will explain the following steps:
I’ve been working on a travel stats app called “Oh the Places I’ve Been!”. While designing it, I initially focused on its functionality. For example, if I click a button, does the app correctly complete the task of the button. I soon realized that it was important for the user to immediatly know if the button worked. In my app, the buttons were working, but the user couldn’t see that unless they scrolled down the page. To increase the ease of use of the web application, I added feedback messages to let the user know that the app had responded when they pushed a button. I used two visual cues to let the user know the button click was successful. I removed the button and I added a success message.
I recently to built a simple travel stats app, Oh the Places I’ve Been!. A description of it and how I used React hooks to implement state can be found in my blog post React Hooks: Building a Travel Stats App. In this article, I will explain how I updated an array of objects in state.
For my previous React apps, I have mostly used class components to handle state with some Redux. For My Travel Stats React web app, I am writing function components and using hooks to handle local state. I will use two React hooks to build this app. The objectives of this blog post are:
This article describes how to deploy a create-react-app to Netlify. It includes steps to connect the app to a Rails backend that is hosted on Heroku. You can follow Part 1 for one way to set up the Rails API with an Active Admin dashboard.