About the Author

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.

Git Made Easy with GitKraken

Chris Berry Development Technologies, Git, Programming Leave a Comment

GitKraken is a graphical user interface for Git built on top of the Electron framework – much like the popular Visual Code editor is. GitKraken is cross-platform, which means that developers can use it on Windows, Mac, and/or Linux. No matter what type of development environment you’re working in, you can have the power of a graphical user interface for Git.

GitKraken has all of the expected features of a graphical user interface for source control usage, AND it has a few hidden jewels which make it an absolutely outstanding tool to use. These are listed and discussed in the blog below.

React, The Extras.

Chris Berry Development Technologies, JavaScript, React, 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 Development Technologies, JavaScript, React, Tutorial 3 Comments

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.js 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 Development Technologies, JavaScript, Node.js, Python, Vue.js 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.