What we needed to do after creating the app, but before releasing it out to the world, was to test it. Testing and programming should always go hand-in-hand. We know that QA, or Quality Assurance, is the method of preventing mistakes and defects from occurring in a product. Quality Assurance…

GraphQL is composed of two main parts, the query language, which is used to request data, and the framework that processes these queries. GraphQL’s unique language allows us to specify the exact format that we want to receive our data in. Other benefits of GraphQL will include self documenting APIs…

CSS transitions and transforms can create simple animations that enhance user interactions in websites and apps. We use transition properties to define durations, delays, and easing functions. With CSS transforms we can rotate, scale, and move elements in 2D and 3D space. CSS transitions feature let us smoothly change one…

function keyword does a simple job: creates a function. However, the way we define a function using the keyword can create functions with different properties. A function declaration happens when you start the statement with the function keyword: // Function declaration function sumA(a, b) { return a + b; } …

According to the official React documentation, “Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed. …

The object destructuring is a useful JavaScript feature to extract properties from objects and bind them to variables. Object destructuring can extract multiple properties in one statement, can access properties from nested objects, and can set a default value if the property doesn’t exist. Apply the object destructuring to access…

Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution. This means that no matter where functions and variables are declared, they are moved to the top of their scope regardless of whether their scope is global or local…

Libraries like React Table provide us with features like searching, filtering, sorting with tables. React Table is a collection of hooks for building robust Tables and Datagrid experiences. These hooks do not render any markup or styles for you. This means that React Table is a “headless” UI library. You…

An API is an application programming interface. It is a set of rules that allow applications to exchange data and information. The developer creates the API on the server and allows the client to talk to it. REST is an API architecture style and determines how the API looks like…