My Reaction To React

David Pitt Articles, Development Technologies & Tools, JavaScript, React, Tutorial 3 Comments

We at Keyhole have been helping our clients adopt JavaScript-based single-page applications for over five years. We have been impressed with the adoption and advancement of the ever-changing JavaScript ecosystem.

Server side, headless JavaScript (Node.js) has led to good tooling and packaging options along with server side remaining available. Additionally, the new ECMA6 standard has turned JavaScript into a viable general purpose programming language, that is arguably, on the same plane as C# or Java. It certainly has a large number of available frameworks and tooling options.

React differs from the other frameworks Iโ€™ve worked with in a handful of ways. In this blog, I will show tangible examples of Reactโ€™s unique features and capabilities, particularly how it handles HTML-based Components.

Default image for blog posts - purely decorative

Making Regular Expressions Simple With VerbalExpressions

Chris Berry Articles, JavaScript, Tutorial Leave a Comment

Regular expressions are not the easiest thing in the world to quickly understand. Most developers only work with regular expressions when they really, really have to.

But what if there was another way?

There is and itโ€™s called VerbalExpressions. VerbalExpressions is a collection of over two dozen repositories and libraries that use plain and simple language to describe a regular expression. In fact the motto they use is, โ€œRegular Expressions made easyโ€.

VerbalExpressions is a quick and easy way to write complex regular expressions. In this blog, I will use the VerbalExpressions JavaScript implementation as my library of choice to demonstrate this great tool to you.

Getting Started With Angular CLI Commands

Brett Smith Angular, Articles, JavaScript, Programming, Single-Page Application Leave a Comment

A tool that helps the journey of learning Angular is the Angular CLI. The CLI is a useful tool that can help set up and add different elements to your projects. It follows some of the best practices that have been laid down by the Angular team, even handling some of the plumbing for you so that things will work well together.

This post shows some of the basic commands available within the CLI. We will look at some of the basic commands that can help get a project started and built, paying particular attention to the different commands and what they produce, as far as application structure and file layout is concerned…

Real-Time Communication: Implementing Websockets With Spring Boot

Thomas Kendall Articles, Development Technologies & Tools, Java, JavaScript, Spring Boot 3 Comments

When developing web applications, we sometimes need to push server events down to connected clients. However, HTTP was not designed to allow this. To get around this limitation, a polling pattern was established where web pages would intermittently poll the server for any new events. This pattern was not ideal as it added HTTP overhead, was only as fast as the polling rate, and caused unnecessary load on the server.

Luckily, with the emergence of HTML5 came the WebSocket. The WebSocket protocol enables interaction between a browser and a web server with lower overheads. In this blog we’ll introduce the Websockets API and show how to implement Websockets with Spring Boot.

Getting Started With Ionic 2

Adam Costenbader Angular, Articles, Development Technologies & Tools, JavaScript, Mobile, Tutorial, TypeScript Leave a Comment

Everyone wants to have an “App” to represent them, their company, or just to perform some common task they might have in mind.

The problem with this is that there is so much to mobile app development. iPhone apps require that you have a Mac to compile them. Android apps have to deal with platform fragmentation. iPhone apps can mean working with Objective C, Android can mean Java– and if you aren’t a polyglot and fluent both these languages, you probably feel that mobile app development is quite the daunting task.

Luckily, though, there are other options to choose from – like the Ionic 2 framework. In this blog, we’ll show just how easy it is to get up and running with Ionic 2 by creating a reference mobile application. By the end of this blog, our application will have the ability to run in the browser, emulator, or be built-out to run on a device.