Ben Kinsey

Ben KinseySr. UI Developer

Ben Kinsey is a Sr. UI Developer at XTIVIA with extensive experience focused on all aspects of web application technologies. Additionally, he has taught full stack web development at a coding bootcamp.

Ben Kinsey

Ben Kinsey
Sr. UI Developer

Ben Kinsey is a Sr. UI Developer at XTIVIA with extensive experience focused on all aspects of web application technologies. Additionally, he has taught full stack web development at a coding bootcamp.

Webpack Bundle Analyzer with Nx and React

All code for this blog post can be found at https://github.com/bkinsey808/nx-graphql-fullstack. Why care about bundle size? Bundle size, especially initial bundle size, is an important metric which determines not only how fast your web app will load, but even,... read more

Custom Material UI Select Component with React Hook Form v7 and Typescript

It’s not easy or obvious how to build a custom Material UI select component and make it work with React Hook Form (RHF). It’s a shame, because RHF is a small dependency, with a modern React hook-centric API, that brings to the table better form performance... read more

Best Practices for Testing a React/Redux Toolkit App

In this blog post, we focus on testing React/Redux apps with the Visual Studio Code editor. The following repo is a companion to our blog post. There are many opinions about what constitutes best practices when it comes to building and testing app and there are many schools of thought about best testing practices…

read more

Advanced linting with Create React App, Typescript, and ESLint

Front End web development is notorious for technology churn. The reality is that Front-End developers come from a wide variety of backgrounds and experiences. Without special care, a medium to large-sized project can rapidly devolve into a hodge-podge of different... read more

How to Integrate “React JSON Schema Form” into a Redux and Typescript Project – Part 2

In Part 1, I wrote about how to build forms with React JSON Schema Form and integrate them into a Redux and Typescript project. In this Part 2 blog post, I take a deep dive into how I set up the project to handle building forms using these technologies. The repo that... read more

How to Integrate “React JSON Schema Form” into a Redux and Typescript Project

In a previous blog, I wrote about combining React, Redux, Typescript, and other technologies in order to build a web app following best practices, and I provided a very simple example app. In this follow-up blog post, I will flesh out the example by adding a form... read more