Image for post
Image for post
Made by the author in Canva

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.

Image for post
Image for post
Made by the author in Canva

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

Image for post
Image for post
Made by the author in Canva

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 conscious of blocking vs non-blocking code. The other benefit is being able to use the same programming language for both the UI and the server. …


A quick guide to setting up a Lambda function to receive messages from an SQS messaging queue with the Serverless Framework.

Image for post
Image for post
Made by the author in Canva

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 users and performing some type of processing on those files this can be time-consuming and not mention may have many steps to perform for a single transaction. …


React Tables is the easy way to build tables with sorting, paging, CSV exports, and more.

Image for post
Image for post
Made by the author in Canva

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

Image for post
Image for post
Created by the author in Canva

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 just means you don’t have to worry about managing and maintaining your own servers. …


A guide for building a React Native image upload app with offline capabilities.

Image for post
Image for post
Made by the author in Canva

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 this article, I’m going to demonstrate how to build a basic image upload app with offline capabilities. We will be using React Native and Redux offline in our demonstration app. We will also be building a NodeJS API for accepting the data from our app and storing it in a database. If you need an introduction to building React Native apps be sure to check out my article below. …


Clean up functional components with custom hooks.

Image for post
Image for post
Made by the author in Canva

I have been building web and mobile applications in React for years and I am always on the lookout for better ways to build my apps. If you are building React applications using functional components and hooks there is a simple way to clean up your components by moving logic for setting state variables to custom hooks.

Typically in a React functional component codebase, you will see state variables that depend on either other state variables or props passed to the component. These are usually set by a hook that runs each time the dependency changes to update the value in the state. …


An introduction to managing NodeJS in production using PM2

Image for post
Image for post
Made by the author in Canva

If you manage a NodeJS application in production PM2 can make your life much easier. PM2 is a full-featured process management tool for NodeJS in production environments.

With PM2 you can be sure that your app’s process will automatically restart if it happens to crash. It also provides handy monitoring tools and the ability to load balance across multiple clusters. We will get into this and much more in this article.


A walkthrough of building a simple React Native app with a simple login screen

Image for post
Image for post
Made by the author in Canva

Are you interested in learning to build mobile apps with React Native? Already mastered the web and looking to expand into the mobile apps space? If so then this is the article you are looking for! We will be walking through setting up a simple React Native app with user authentication.

Why React Native?

There are many options for building mobile applications. The benefits of React Native are that you can build a single code base and have an app that runs in both iOS and Android. …

About

Matthew Brown

I am a software architect and lead developer. My passions include software development, anything technology related, and cars.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store