How do I create a React Form
Introduction I have worked on a couple different teams that were moving from .NET Web Forms to React to keep up with the latest changes in web technology. While I’ve spent much more time in React than in Web Forms,…
How do I access object fields in TypeScript using array notation
I ran into an interesting problem while converting a React app from JavaScript to TypeScript when I ran into some code using array notation to access object fields. The project I was working on had an object defined as follows.…
How do I convert my React app from JavaScript to TypeScript?
Introduction At some point in your work in React, you’ll likely inherit a project that was built in JavaScript and find that you want to start using TypeScript. I’m not going to go into the details of TypeScript vs JavaScript…
How do I use Redux with React
Check out this github repo for an example What is Redux? Redux is a very popular framework for managing application-level state in React apps. It is an open-source project that has evolved over time to make managing state simpler. Previous…
How to build a React app from a Material UI template
Introduction When building a UI for a new React app, it’s often hard to determine how exactly to start. Starting from a React template can be a great way to go. It gives you inspiration on where to start and…
How to add an effective .gitignore file to your React project
Creating a new React app When creating a React app using a .gitignore file is provided and ignores the common files that should not be included in your source repository. The default file will contain the following: This .gitignore really…
How to use OAuth 2.0 to Access Google API Services
Google has an extensive amount of user data and services around that data, and they allow access to these via APIs that third party software can call. There are so many opportunities to build something new on the foundations laid…
How can I automate tasks for React development?
When developing a React application, you may find that you repeat several common tasks to help ensure the integrity of your code. At a minimum, whenever I write a React application, I have ESLint, Prettier, and automated testing set up.…
How to know what I should build for a side project
Project ADD If you’re like me, every time you end up with some free time, you start thinking of all the different projects you want to work on as a software engineer. The skills you develop in software engineering leave…
How can I make HTTP requests to web APIs
What is a web API? A web API is a server that listens for an HTTP request, and is used largely to manage online data. There are many reasons why web APIs exist, but one of the easiest to see…