React NowPlaying Educational Application

Lauren Fournier Bogner Angular, Articles, Company News, Development Technologies & Tools, JavaScript, Keyhole Creations, React, Single-Page Application Leave a Comment

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.

React is a JavaScript technology that our teams enjoy working with. However, React differs from the other frameworks weโ€™ve worked with in a handful of ways.

The best way to learn a new technology is to actually do something with it, as opposed to simply reading about it. So, we created a tangible React learning application to help our team get up-to-speed.ย The application repository has now been released publicly to help others learn.

Pull down the repo & try out React!

Creating a Slack Bot

Brice McIver Articles, Conversational Apps, Development Technologies & Tools, JavaScript, Node.js Leave a Comment

If you have ever worked on a team project, then you’ve needed some way to communicate with your team. For a very small team with all of its members based in one place, face-to-face communication might be your go-to method of handling project conversations.

However, once your project size progresses past that point, there’s a good chance that you’ll at least evaluate using a collaborative software package to help manage your project.ย Slack is a popular option for this.

In this blog, I’ll show the basic steps you can take to integrate Slack with your existing tools and workflows.ย In particular, we will set up Slack for incoming webhooks and event subscriptions, showing how to program a Slack bot to say personalizedย “Welcome to the channel” and a “Goodbye” messages.

Let’s get started…

Converting Enterprise Applications to TypeScript

Clayton Terry Articles, Development Technologies & Tools, JavaScript, Single-Page Application, TypeScript Leave a Comment

We have all been there: some new technology comes out and we know it would improve our maintainability. But we can’t use it. We already picked a technology, it is already implemented, and we can’t change it now. We are stuck.

TypeScript does not work like that. TypeScript is JavaScript, and JavaScript is TypeScript. What this means is any existing files you have are compatible with any new file you add.

So why waste time changing if it’s all the same anyway? TypeScript has some great advantages that JavaScript does not. In this blog I will introduce some of those advantages, as well as some troubleshooting tips for if you run into issues when you choose to convert to TypeScript…

Building Applications Using the backbone.khs Framework Extension

John Boardman Articles, BackboneJS, Development Technologies & Tools, JavaScript, Node.js Leave a Comment

Backbone is a very powerful application development framework. However, it can be a little “close to the metal” in terms of how much work is needed to produce a working application with it. I see Backbone as a low level framework that could use some help in making it a bit easier and faster to use.

Keyhole has released an extension to help! The backbone.khs framework extension npm module (available by clicking the link) does its best to minimize the work necessary to get a Backbone application up and running.

The extension makes it easier to deal with:
โ€ข browser history
โ€ข root level non-Model Object implementation
โ€ข caching
โ€ข session support
โ€ข regions (which break pages up into more workable segments)
โ€ข a top-level Application object to manage the application
โ€ข modules to help with page and URL routing
โ€ข a Backbone View extension to seamlessly integrate Backbone Stickit and make Marionette templates easier
โ€ข a Collection View to enhance working with groups of items.

In this blog, I’ll describe these enhancements with some code examples…

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.