Redux InitialState with TypeScript

Redux with TypeScript: Focus on InitialState

John Boardman Articles, JavaScript, TypeScript 2 Comments

For this blog, I’m going to continue using the example project I’ve used for the last several blogs, Whirlpool. You can find my last post on the Keyhole Dev Blog – Updating Microservices with Netty, Kafka, and React: Whirlpool revisited. Feel free to go back and read about microservices, Netty, Kafka, and React, or just start here with me and continue on the journey. Either way, I’m glad you’re here.

The focus of this blog will be creating Redux’s InitialState using TypeScript. It tends to be tricky to get it to stop complaining about types, so this should be helpful. Personally, I’ve encountered this issue several times across multiple projects, so I think it is worth talking about.

better sort in JavaScript

Better Sort Ordering in JavaScript

Lou Mauget Articles, Development Technologies & Tools, JavaScript, Programming, Tutorial 2 Comments

In this post, I show how to cajole Array.sort() into producing the following order. This: [Item 1, Item 2, Item 100] instead of this…[Item 1, Item 100, Item 2].

The answer is to pass the sort function a comparator argument from the International Collator built into every major browser and Node.js. This approach is simple and declarative for lists of flat strings. The comparison function arguments default to each string being compared. For sorting objects such as a list of dropdown choices, just pass a pair of the sort field drill-downs to the comparison function.

Complex Reactive Forms in Angular

Create Complex Reactive Forms in Angular

Todd Leininger Angular, Articles, Development Technologies & Tools, JavaScript, Tutorial Leave a Comment

Recently on a client project, I was tasked with creating an Angular application that contained a form that displayed conditional inputs. In this article, I will walk through the strategy I implemented to accomplish this goal.

My hope is that this blog will give you a starting point for creating your own complex Angular Reactive forms. Let’s get started!

Custom Backend and API in WordPress

Building a Custom Backend and API with WordPress

David Welch API Development, Articles, JavaScript, Programming, Tutorial Leave a Comment

You love frontend JavaScript frameworks, but your client wants a WordPress website… Don’t worry, you can do both! Let’s build a custom backend and API with WordPress!

WordPress provides an out-of-the-box CMS solution that can be customized very easily to fit many different types of projects. You’re not just stuck with blog posts and web pages, either.

In this post, I’m going to show you how you can use a very popular plugin called Advanced Custom Fields (ACF) plus some custom code to create your own content and API endpoints for your fancy new frontend to consume while allowing your client to keep using what they love.

Node.js for Discord Bot

Using Node.js To Create a Discord Bot

Josh Green Articles, Development Technologies & Tools, JavaScript, Node.js, Programming, Tutorial Leave a Comment

From Zoom to Skype to Microsoft Teams, there is an endless number of platforms to help keep you connected. One such platform is Discord – a service primarily intended for gaming that allows you to voice chat, video chat, or screen share with a community you have developed on your own hosted “server.” One of Discord’s best features is a developer portal with an open API that allows you to add bots and apps to your server, as well as write your own.

There is true beauty in the ability to create your own custom solutions to fill your needs. So in this brief tutorial, I’ll show you how to get up and running writing your own Bots and Apps for Discord with Node.js.