Hello again, thank you for stopping by! In this article, we will go through one of a million ways to let your users know something is loading in the background. Today, we will be implementing this in an existing application. This is good for many different reasons but we won’t get into that now. Today, we hack!!
Hello there, welcome back! Thank you for stopping by! In this article, we will add super cool looking parallax scrolling effects to an existing mock-up of a single page application or SPA. The SPA was built with React.js and uses components from react-materialize, and was styled with materialize-css.
I recently learned about materialize-css and wanted to see how I could use it in a react app. I researched a bit and found react-materialize that helps me do just that.
Materialize A modern responsive front-end framework based on Material Design By utilizing elements and principles of Material Design, we were able…
Hi there, welcome back! Thank you for stopping by. Last month in my Getting Started with AWS article I wrote:
“ If you are a budding developer looking to get that first opportunity, it is important to get familiar with some of the different cloud infrastructure providers out there. ”
The exact same can be said for writing tests for your code and the Testing Frameworks and libraries that help you do it. In this article, we will walk through setting up some unit tests with
react-testing-library for some components in an existing React application.
Hey now, thanks for stopping by! In this article, I want to share a recent issue I encountered with one of the applications I have hosted on Heroku and how I was able to finally solve it. I decided to write this because I had a really hard time finding a single source that provided a simple solution.
I have a React.js application as the front-end and a Ruby on Rails API back-end with a PostgreSQL database. …
Welcome back! Thank you for stopping by. In this article, we are going to try out the React-Spring library.
react-spring is a spring-physics based animation library that should cover most of your UI related animation needs. It gives you tools flexible enough to confidently cast your ideas into moving interfaces.
We will go through the steps to add this to an existing react application. For this example, We have a simple click counter application that was styled with Material-UI components.
As you can see above, there is not much happening when we click the buttons, and when we refresh…
Hi there, welcome back! Thank you for stopping by. In this article, we’ll try to answer the questions “What is AWS?” and “Where do I start?”. To do that, we’ll go through the steps to deploy an existing React.js single page application (SPA). If you plan to follow along, here is the repo to the app we are deploying.
Who better to answer the “What is AWS?” question than Amazon themselves.
Material-UI started back in 2014 to unify React and Material Design.
Today, Material-UI has grown to become one of the world’s most popular React UI libraries — backed by a vibrant community of more than 1M developers in over 180 countries.
Their mission is to provide components to make the development of a React UI easier and faster. They had me at easier, so I decided to take it out for a spin! For this example, I’ll be referring to the Material-UI…
Some may feel that using Ruby on Rails as an API is a bit of an overkill. If you are working on a super simple API that may be true but who doesn’t want to take advantage of how easy it is to get up and running with rails. There are many great articles out there on this same subject but I wanted to go a bit further than just creating it and connecting a database.
Hello everyone, thanks for stopping by! Today, we will build a simple React.js application that displays a counter with two buttons. The counter will go up by one when you click the “up” button and down by one when you click the “down” button. We will be going through the steps to set up our environment and creating our counter app. Let’s hop to it!
Decide where you want your application files to live then create the directory for it. I will name my directory ReactStateDemo.
We will need to make sure we have Node.js …