JavaScript Bake-Off: Angular, React, and Vue

David Pitt Angular, Articles, JavaScript, Opinion, React, Single-Page Application, Vue.js Leave a Comment

As Keyhole consultants, we are exposed to a plethora of technology stacks and implementations from client project to client project. Particularly with our enterprise clients, great care must go into selecting the best technologies for the company’s technical needs and current landscape. After all, they don’t want to be re-writing the same application in just a couple of years due to lackluster choices and shortage of developers to add functionality.

In this post, we present an open source reference application developed three times using three different frameworks, React, Vue & Angular.

Building a Node.js Service with AWS Lambda, DynamoDB, and Serverless Framework

Matthew Brown Articles, AWS, Cloud, JavaScript, Node.js, Tutorial 3 Comments

My favorite new technology as a developer is serverless computing. The convenience and cost make it a very compelling choice for running options in the cloud. Especially for proof of concepts or quick ways to prove out ideas. Using serverless computing to get up and running takes very little effort and the costs of running an application in the cloud are minimal. Serverless really empowers developers to act on ideas as quickly as possible.

In this post, I’m going to briefly touch on what serverless computing is and the pros and cons of using it. Then I will build a Node.js service to do CRUD operations using AWS Lambda, DynamoDB, and the Serverless Framework. You can view the finished product on Github.

Release: Hyperledger Blockchain Analytics Tool

Keyhole Software Articles, Blockchain, Company News, Development Technologies & Tools, Hyperledger, Java, JavaScript, Keyhole Creations, Node.js, React Leave a Comment

We are proud to announce the new release of a Hyperledger Fabric Blockchain Browser open source web application. This application utility allows developers and operators of Hyperledger blockchain networks to have visibility into transactions and blocks as they are added to the network.

Capabilities
The KHS Blockchain Browser is a React/Node.js web application that…

Improving Performance in React Applications

Adrienne Gessler Articles, Design, JavaScript, React 2 Comments

Let’s say you’ve stepped into a React application to make some updates or been involved in building one yourself. You have been at it a while, and feel somewhat comfortable using React, you understand React’s lifecycle and you may be using React libraries like Redux or MobX to some extent.

As with any technology, you start to notice that a few of the pages are looking a little slow. You know performance tuning too early is often a bad idea, but you feel like you might be at that point. After all, in your experience, end users notice even small lags and no one wants that. So what do you do now?

In this blog, I introduce six tips for improving performance and design in your React application.

Generate Strongly Typed React Components with GraphQL

Mat Warger API Development, Articles, AWS, Development Technologies & Tools, GraphQL, JavaScript, Programming 1 Comment

When developing in React, using a type system (like Typescript or Flow) can be a great help. You can be sure that your props and state are what you expect, at build-time, and code your components to match.

But what happens when you’re calling to an API to fetch some data, and the shape of that data is what really matters? Maybe the data get passed as props to a child component? You can create types for this, sure, but are they correct? Probably not! Or at least, probably not for long! Things change. Wouldn’t it be great if your types changed too?

In this post, we’re going to take a simple component from zero type awareness to fully typed, with local variables and GraphQL queries included, with a simple workflow. Grab a cup of coffee and a snack, and let’s see how this we can use GraphQL to generate type-safe components in React.