About the Author
Chris Berry

Chris Berry

Chris is a Consultant at Keyhole with a focus on .NET and JavaScript technologies. He likes to dive in and look at the architecture of an application to learn how all of the moving pieces are handled. In the end, he loves to pass along what he's learned and to help people make some good design choices for all aspects of a project.

React, The Extras.

Chris Berry JavaScript, React, Technology Snapshot, Tutorial 1 Comment

We’ve all seen and read the React tutorials. We know about classes and components and JSX and whatnot, but then there comes the time when you have to start doing things for real. “Real” you say? Yes. Like connecting to a database or navigating around something larger than “Hello World.” Oh, then there’s that dreaded state thing. Well, let’s have a quick talk about the “Extras” that we can add into a React application.

In this blog, we will address adding routing using the React Router, adding data access using the JavaScript Fetch API, and creating a global state management feature using React’s built-in Context API.

Got Formik? Yup!

Chris Berry JavaScript, React, Technology Snapshot, Tutorial 1 Comment

Let us present this scenario. You’re building a React application, and you’ve been tasked to build a registration form. Seems simple enough, you think at first, but then you start hearing the requirements. The application needs to have validation on each field, and each field needs to have certain requirements, such as being required, being a certain type of field, having a certain length, etc. Your form must also be easily created and have an easily adjusted state during its usage. At this point, something you originally thought would be quick and easy is seeming more and more time consuming and complicated! 

Well, worry no more and look no further; the community has come to your rescue. In this post, we’re going to talk about using the form library called Formik and the validation library called Yup to build out a simple validation form inside of a ReactJS application.

Go With A Vue

Chris Berry Go, Vue 1 Comment

Last year I blogged about creating a Lean Mean Vue Machine called Quotes on Demand. The application was a fully-featured CRUD application served from a NodeJS server and had a self-contained VueJS front end. Since then I’ve also added a Python version of the same API.

But wouldn’t it be a nice test to see if that same Vue application could switch over to another API – say, something like a Golang application server?

In this post, we will create a Golang application server that will have 100% parity to an existing NodeJS web application. This will enable an existing VueJS front end to connect to the application with no additional code changes in the user interface code.

A Vue of Python

Chris Berry JavaScript, Node, Python, Technology Snapshot, Vue Leave a Comment

Earlier this year I blogged about creating a Lean Mean Vue Machine called Quotes on Demand. The application was a fully featured CRUD application served from a NodeJS server and had a self contained VueJS front end.

But wouldn’t it be a nice test to see if that same Vue application could switch over to another API, say something like a Python web server powered by Flask?

In this post, we will create a Python web application that will have 100% parity to an existing NodeJS web application. This will enable an existing VueJS front end to connect to the application with no additional code changes in the user interface code.

Part 6: Node + Express for a ​S​imple ​S​ecurity ​M​odel

Chris Berry JavaScript, Node, Single-Page Application, Tutorial, Vue Leave a Comment

Part of the Solid Foundations Learning Series

This is an in-depth learning series focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We focus on telling the story of “why” and “how” it was built.

Throughout this series, we have touched on adding navigation, content and single-page applications, but we haven’t touched on the security of the application yet.

In this article, we’re going to add a simple security model to the application which will accept a login, validate a user, redirect to a secure page, enable a logout, and catch any errors which occur during the process. Let’s get started.