Attention: This article was published over 12 years ago, and the information provided may be aged or outdated. While some topics are evergreen, technology moves fast, so please keep that in mind as you read the post.Single Page Applications are quickly gaining traction as a way to implement rich, robust, and mobile friendly web-based applications. Essentially, this requires a shift …
Attention: This article was published over 14 years ago, and the information provided may be aged or outdated. While some topics are evergreen, technology moves fast, so please keep that in mind as you read the post.In Part One of this series, I reviewed the basic design goals of a Data Access Layer (DAL), those being: Contain all of the …
A team of Keyhole Software Consultants built a customer-facing analytics dashboard for an international leader in automotive data and software services. This project was performed under an aggressive deadline and was completed both early and under budget.
The goal of the project was to both build the analytics dashboard and make all data accessible through a REST API. The development team was also tasked with building a custom solution for user authentication using JWTs to control access based on user subscriptions through an API Gateway.
In a previous post, we discussed the basics of GraphQL and how it can be a great REST API alternative. In this one, weโll see how AppSync can be more than just a great API alternative โ it gives you a soft landing into the world of GraphQL.
Recall our Game API example? Letโs start with the basic type of a game. Follow along and we can implement a simple schema in AppSync together….
In the last few years, React has continuously gained popularity for the development of web applications. At Keyhole, we have several blogs talking about React and related technologies, including React, Formik, react-router, and many others.
So why would we need Redux? Quite often when we develop applications, we start with small pieces. As the business requirements change, new features/modules/components are added/removed/updated. Particularly in enterprise applications, you may end up with a deep hierarchy of parent-child relationships.
In a React application, parent component-states are passed down to its child component as property. Application states can be changed in many different places. If not managed perfectly (and, in many cases, itโs not), your system can behave differently than expected. It can become increasingly difficult for development, debugging, production support and code maintenance.
In this blog, Iโll talk about Redux and explain how it can benefit React front-end development. Iโll provide an introduction to using Redux with React and show a demonstration of reconstructing an example React application to React + Redux.
Iโll re-construct this React application into two projects. The first project will be the back-end server application which will handle all the typical business in the server end, like registration, authentication, database operation, etc. Iโll use MongoDB to persistent data and Node.js for REST API development. You can also reference RESTful API development to the Github repository open source khs-convo, released by Keyhole Software.
The second project will be pure front-end development, which will React with Redux for state management. React with Redux integration is the focus of this blog…