UX Design in Austin, Houston, Dallas, San Antonio
UX Design in Austin, Houston, Dallas, San Antonio
Everything about UX Design in Texas and beyond
How To Test Your React Apps With The React Testing Library

How To Test Your React Apps With The React Testing Library How To Test Your React Apps With The React Testing Library Chidi Orji 2020-07-03T12:30:00+00:00 2020-07-03T16:34:19+00:00 Today, we’ll briefly discuss why it’s important to write automated tests for any software project, and shed light on some of the common types of automated testing. We’ll build a to-do list app by following the Test-Driven Development (TDD) approach. I’ll show you how...

0 0
Firebase Push Notifications In React

Firebase Push Notifications In React Firebase Push Notifications In React Chidi Orji 2020-06-29T13:30:00+00:00 2020-06-29T14:05:49+00:00 Notifications have become a stable part of the web nowadays. It’s not uncommon to come across sites asking for permission to send notifications to your browser. Most modern web browsers implement the push API and are able to handle push notifications. A quick check on caniuse shows that the API enjoys wide support among modern chrome-based...

0 0
Better Reducers With Immer

Better Reducers With Immer Better Reducers With Immer Chidi Orji 2020-06-16T12:30:00+00:00 2020-06-16T16:06:29+00:00 As a React developer, you should be already familiar with the principle that state should not be mutated directly. You might be wondering what that means (most of us had that confusion when we started out). This tutorial will do justice to that: you will understand what immutable state is and the need for it. You’ll also learn...

0 0
React Error Handling And Reporting With Error Boundary And Sentry

React Error Handling And Reporting With Error Boundary And Sentry React Error Handling And Reporting With Error Boundary And Sentry Chidi Orji 2020-06-01T12:00:00+00:00 2020-06-01T13:37:39+00:00 In this article, we’ll look at error boundaries in React. We’ll learn what they are and how to use them to deliver a better user experience, even when something breaks in our app. We’ll also learn how to integrate with Sentry for realtime error monitoring. This...

0 0
How To Set Up An Express API Backend Project With PostgreSQL

How To Set Up An Express API Backend Project With PostgreSQL How To Set Up An Express API Backend Project With PostgreSQL Chidi Orji 2020-04-08T11:00:00+00:00 2020-04-08T14:13:23+00:00 We will take a Test-Driven Development (TDD) approach and the set up Continuous Integration (CI) job to automatically run our tests on Travis CI and AppVeyor, complete with code quality and coverage reporting. We will learn about controllers, models (with PostgreSQL), error handling, and...

0 0
Implementing Infinite Scroll And Image Lazy Loading In React

Implementing Infinite Scroll And Image Lazy Loading In React Implementing Infinite Scroll And Image Lazy Loading In React Chidi Orji 2020-03-16T12:00:00+00:00 2020-03-16T14:39:13+00:00 If you have been looking for an alternative to pagination, infinite scroll is a good consideration. In this article, we’re going to explore some use cases for the Intersection Observer API in the context of a React functional component. The reader should possess a working knowledge of React...

0 0
How To Use The HTML Drag-And-Drop API In React

How To Use The HTML Drag-And-Drop API In React How To Use The HTML Drag-And-Drop API In React Chidi Orji 2020-02-19T11:00:00+00:00 2020-02-19T13:05:40+00:00 The drag-and-drop API is one of the coolest features of HTML. It helps us implement drag-and-drop features in web browsers. In the current context, we will be dragging files from outside the browser. On dropping the file(s), we put them on a list and display their names. With...

0 0