Angular CLI 6 is here! With it, the Angular team has made it much easier to create libraries.
In this article, we show step by step how to create a simple library using Angular CLI 6. Let’s dive right in…
Showcase of React + Redux Web Application Development
In the last few years, React has continuously gained popularity for the development of web applications. At Keyhole, we have several blogs talking about React and related technologies, including React, Formik, react-router, and many others.
So why would we need Redux? Quite often when we develop applications, we start with small pieces. As the business requirements change, new features/modules/components are added/removed/updated. Particularly in enterprise applications, you may end up with a deep hierarchy of parent-child relationships.
In a React application, parent component-states are passed down to its child component as property. Application states can be changed in many different places. If not managed perfectly (and, in many cases, it’s not), your system can behave differently than expected. It can become increasingly difficult for development, debugging, production support and code maintenance.
In this blog, I’ll talk about Redux and explain how it can benefit React front-end development. I’ll provide an introduction to using Redux with React and show a demonstration of reconstructing an example React application to React + Redux.
I’ll re-construct this React application into two projects. The first project will be the back-end server application which will handle all the typical business in the server end, like registration, authentication, database operation, etc. I’ll use MongoDB to persistent data and Node.js for REST API development. You can also reference RESTful API development to the Github repository open source khs-convo, released by Keyhole Software.
The second project will be pure front-end development, which will React with Redux for state management. React with Redux integration is the focus of this blog…
Keyhole Labs Releases KHS {Convo} Under Open Source License
Keyhole Labs has announced its release of the KHS {Convo} conversational application development platform under an Apache 2.0 open source license. Development teams can now use and modify KHS {Convo} for their own uses (even commercially) using the open source platform.
KHS {Convo} is a Node.js based platform for creating SMS text message and web-based conversational experiences. It was created by our team at Keyhole Labs.
What’s a Conversational Application? A Conversational Application provides a messaging interface for a personalized conversation between your company and a user. The ad hoc interaction is designed to provide hyper-relevant & personalized content via automated SMS text messaging that doesn’t feel automated.
For more information, please visit…
One Router to Rule Them All: React Router
Previously, we looked at a very basic example of how one can benefit greatly by using community projects such as Formik to avoid the tedium of certain solutions while embracing convention to create composable and scalable applications. We will be build on that foundation to explore the objectively great library that is React Router.
React Router has been at the forefront of routing in the React ecosystem for as long as I can remember. If you’re new to React, this is the way to go when you move state and start needing more options such as parameterized routing, nesting, and conditional rendering. If you have experience with React, this brings a powerful pattern to bear in that everything is a component. It takes the composablity of React and uses that to its benefit, handling any and all use-cases with relative ease.
In this blog, we’ll introduce the basics of the React Router through hands-on examples using its features.
Angular Developer: JavaScript to TypeScript
New JavaScript frameworks and libraries are created every day. This generates a dilemma: which solution should we use when starting a project?
My web development experience over the last few years has mainly included the AngularJS and Backbone.js frameworks. Angular, jQuery and traditional JavaScript have been in my comfort zone. When I ended up being face-to-face with TypeScript, it felt new, scary, and pretty confusing. I want to make that transition easier for you!
The goal of this post is to provide you an understanding of TypeScript, particularly when you come from an Angular web development background. To do so, we will first give an introduction to TypeScript. We will then discuss the differences between the different versions of Angular & Angular vs. React, with an eye for what you need to know to understand the JavaScript tooling landscape TypeScript plays in. And, lastly, we’ll go through a tangible TypeScript example for a look into syntax & structure.
