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.
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.
GraphQL and Urql for a NextJs/Strapi stack
All code for this blog post can be found at https://github.com/bkinsey808/nx-next-strapi. The Case for GraphQL GraphQL is rapidly growing in popularity as an API alternative to REST. GraphQL is self-documenting to a large extent and allows a client to efficiently... read more
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
Best Practices with React, Redux, and Typescript
I have selected a family of related technologies that make building modern web applications significantly easier than it ever has been. This is a curated selection of technologies representing nothing more than my own opinions as a long time UI Developer.
read more
Liferay DXP 7.2 Bootstrap Material Design Theme
Google’s Material Design is perhaps the most influential visual design philosophy for both web and mobile in existence today. Material Design has taken the front end world by storm, with specialized integrations for virtually all of the major SPA frameworks... read more