A quick introduction and guide to building your own blog site with Next.JS
In case you are not familiar with it yet, Next.JS is a popular React framework. This framework allows you to build React applications capable of static site generation and server-side rendering with no configuration required.
The major benefit of using static site generation or server-side rendering is that it is much better for Search Engine Optimization (SEO) and you’ll notice the initial page load is much faster than a typical React application. …
A getting started guide for building real-time applications with React and Socket.io
Some use cases for web applications require real-time updates from the server. One such example is a chat application. If you have multiple users chatting together you could refresh updates from the server, but there is a cleaner solution that will push updates from the server to the UI. Sockets make this possible. And lucky for us developers there is a library called Socket.IO that makes working with sockets simple.
In this article, we will walk through a simple example of a real-time chat application built with React hooks and Socket.io. …
A quick guide for setting up a new React project with a pipeline for deployments to an S3/CloudFormation site with HTTPS.
Setting up a new React project isn’t something developers typically do regularly so it’s easy to forget all the steps involved. This article is meant to serve as a guide for starting a new React project, setting up a pipeline in Bitbucket for deployments, and setting up a static site in AWS that serves your project through HTTPS.
At the end of this example, you will have a project that is fully development ready. Our project will meet the following criteria:
- Set up in version control
- Automatically run a build and unit tests on each commit
- Ability to push a…
Are you building mobile applications with React Native and want to add map components to your project? Look no further, we will be tackling that topic in this article. We will be walking through an example of building a React Native app with the Mapbox SDK.
In case you are not familiar with Mapbox, it is a map service that you can develop on pretty much any platform. For this article, we will be leveraging the React Native SDK which makes building maps a breeze. Mapbox has a very generous free tier that covers up to 25,000 monthly active users…
A look at how to use MobX to manage state in your React applications.
As React developers we have many options for how to manage state in our applications. That is one of the nice things about React in that it is relatively unopinionated about how you do most things with state management being one of those where you have the freedom to choose what suits your application the best.
If you have a relatively small application that has a relatively small amount of data or state that is shared across different components then you most likely can get by with just using Context which is built into React. …
A guide to set up a simple REST API with NodeJS, Express, and PostgreSQL
Are you curious about how to create an API with NodeJS and PostgreSQL? In this article, I will be walking through an example of how to set up a local PostgreSQL instance and a NodeJS API to create, read, update, and delete data from that database.
I have been working with NodeJS APIs in both development and production applications for several years now and there are quite a few benefits to the framework. It is typically faster to get something up and going initially just because the framework is so simple. The execution speed is typically great as long you’re…
A quick guide to setting up a Lambda function to receive messages from an SQS messaging queue with the Serverless Framework.
Serverless computing is an exciting technology and has many practical applications for building scalable applications in a cloud environment. One extremely practical use case is receiving messages in a messaging queue. In this article, I will be building an example to demonstrate this by connecting an SQS messaging queue to a Lambda function which can be accomplished quite simply by utilizing the Serverless Framework.
Large web applications have many moving pieces and some have functionality that is better performed behind the scenes rather than making users wait. One example of this is file processing. If you are accepting files from…
React Tables is the easy way to build tables with sorting, paging, CSV exports, and more.
I’ve rarely worked on a web application that didn’t have several tables throughout the application. It is a format for displaying data that is very familiar to users. Anyone else feels like they’re asked to make every application work just like Excel or is that just me?
Finding a good library that makes building tables easy and that also offers all the functionality options you will need can be a challenge. …
A guide for creating a REST API with the Serverless Framework and DynamoDB
Interested in how to quickly build manageable serverless REST APIs? In this article, I will be demonstrating how to accomplish this for NodeJS REST APIs with the Serverless Framework. For this demonstration, we will be building a simple API that manages the users for our demonstration application. To follow along you should have the pre-requisites:
- A good grasp of JavaScript fundamentals
- An AWS account and developer credentials
- Node and npm installed locally
Serverless
I think at this point that serverless computing has been around long enough that we are all well aware that serverless doesn’t mean there aren’t any servers. It…
A guide for building a React Native image upload app with offline capabilities.
A common requirement for mobile apps is offline capability. If you expect your users to use the app in an area with limited connectivity then having offline capabilities is a must.
For example, the startup I work for built an app for collecting crop data from the fields. Typically the fields are in a pretty area and a good network connection is not always guaranteed. Therefore we need the ability for users to do their work out in the field and then sync their data with the server once they have returned to an area with better network connectivity.
In…
Matthew Brown
I am the Director of I.T. at IN10T. My passions include software development, anything technology related, and cars.
