JavaScript Archives - The Seeley Coder

Unit Testing Auth0 Scripts

Unit Testing Auth0 Scripts isn’t exactly easy. Come see how to make it possible with a little magic and elbow grease.

You’re a good developer. You like testing your code. Security is important to you, so you also decide that you’ll use a 3rd party service for authentication and choose Auth0. Out-of-the-box, however, doesn’t quite get you what you need so you add some custom rules and scripts to it. You realize, however, that even though these scripts run in a NodeJS instance on their side, they don’t follow conventional patterns. How do I go about unit testing auth0 scripts, you ask yourself?

Windows Authentication with React and .NET Core: Bare Bones

There are a lot of options out in the wild to add authentication to your application. While OAuth is among the most common, it isn’t your only option. Today I’ll show you how to accomplish Windows Authentication with React and .NET Core in a bare bones fashion.

He's sad because he didn't use k6 for stress testing his web application

Web application stress testing with K6

When deploying an application to the web performance can be (and usually is) an important factor. Running it on your dev machine isn’t really a good indicator of how well your application will run, however. Finding out how well your application performs before you deploy is a good idea. One way we can accomplish that is by stress testing your web application using a tool called K6.

Delayed Cancelable Action Button in React

User experience (UX) is a fine art and many developers fail at it. Years ago I watched a basic UX course on PluralSight by Billy Hollis. Since that time I have tried to focus on UX. One thing I’ve learned over the years is how awful modal confirmations are for delete operations. Today we’ll look at another way to approach delete actions by introducing a delayed cancelable action button in React.

Person using computer presumably writing React

Automatically scrolling React components into view upon render

You’ve just finished up your fancy new React component and got it into the workflow. You now perform an action on the page. As a result your component renders but it is under the fold and isn’t visible. You want it to be visible immediately. What can you do? Today let’s talk about automatically scrolling React components into view upon render.

Creating a styled checkbox using React

Checkboxes are boring. Checkboxes are bland. You have a designer hand over the design for the new website you’re working on and put some pretty checkboxes on there. Sorry man, no can do, you say. Guess what though? You can. In this post we’re going to talk about creating a styled checkbox using React.

Creating a simple countdown timer in React

I recently had a scenario come up where the client I’m working for wanted a countdown timer on their homepage. I had previously built a similar feature in their old website but did not reproduce it when we built the new site. The old website was a hybrid ASP.NET MVC + Razor views + jQuery + angularJS.

Category: JavaScript