Home/Kelvin Omereshone
Author
KOKelvin Omereshone

Kelvin Omereshone

14 articles by Kelvin Omereshone.

Design & UX — Getting Started With The GetX Package In Flutter Applications — Smashing Magazine

Getting Started With The GetX Package In Flutter Applications — Smashing Magazine

GetX is an extra lightweight solution for state, navigation, and dependencies management for Flutter applications. Flutter is one of the fastest ways to build truly cross-platform native applications. It provides features allowing the developer to build a truly beautiful UI experience for their users, and in this article, Kelvin Omereshone will be looking at GetX’s benefits, features, and how to s

KOKelvin OmereshoneKelvin Omereshone·January 8, 2021Design & UX
Frontend — Testing Vue Applications With The Vue Testing Library — Smashing Magazine

Testing Vue Applications With The Vue Testing Library — Smashing Magazine

The Vue Testing library can help you to test your applications by mirroring the way that a user would interact with them. Here’s everything you need to know if you want to get started right away. In this article, Kelvin Omereshone will look at testing Vue applications using the Vue Testing Library — a lightweight library that emphasizes testing your front-end application from the user’s perspectiv

KOKelvin OmereshoneKelvin Omereshone·November 24, 2020Frontend
Frontend — Supercharge Testing React Applications With Wallaby.js — Smashing Magazine

Supercharge Testing React Applications With Wallaby.js — Smashing Magazine

Ever had to switch your focus from your editor and to your terminal to see the results of your tests? This article will introduce you to Wallaby.js — a JavaScript productivity tool that supercharges your IDE by allowing you to get real-time feedback on your JavaScript tests in your code editor even before saving the file. You will also learn how to use Wallaby.js for testing React applications. No

KOKelvin OmereshoneKelvin Omereshone·October 16, 2020Frontend
Frontend — How To Automate API Testing With Postman — Smashing Magazine

How To Automate API Testing With Postman — Smashing Magazine

Postman allows you to manually test your APIs in both its desktop and web-based applications. However, it also has the ability for you to automate these tests by writing JavaScript assertions on your API endpoints. In this article, Kelvin Omereshone will learn how to write automated tests on web APIs with Postman. In order to follow along to this tutorial, you’ll need at least a fair amount of fam

KOKelvin OmereshoneKelvin Omereshone·September 7, 2020Frontend
Frontend — Better Error Handling In NodeJS With Error Classes — Smashing Magazine

Better Error Handling In NodeJS With Error Classes — Smashing Magazine

You can get by in NodeJS without properly handling errors but due to the asynchronous nature of NodeJS, improper handling or errors can cause you pain soon enough. This article is for JavaScript and NodeJS developers who want to improve error-handling in their applications. Kelvin Omereshone explains the `error` class pattern and how to use it for a better, more efficient way of handling errors ac

KOKelvin OmereshoneKelvin Omereshone·August 10, 2020Frontend
Frontend — How To Build An Accessible Front-End Application With Chakra UI And Nuxt.js — Smashing Magazine

How To Build An Accessible Front-End Application With Chakra UI And Nuxt.js — Smashing Magazine

In this article, Kelvin Omereshone is going to be looking at how to use Chakra UI and NuxtJS in building accessible front-end applications. In order to follow along, you should be familiar with using the progressive front-end framework Vue.js with Nuxt. If not, see the Vue.js and NuxtJS docs to get started. In order to make the web more accessible, there are a couple of best practices and standard

KOKelvin OmereshoneKelvin Omereshone·July 20, 2020Frontend
Performance — Creating Tiny Desktop Apps With Tauri And Vue.js — Smashing Magazine

Creating Tiny Desktop Apps With Tauri And Vue.js — Smashing Magazine

Tauri is a toolchain for creating small, fast, and secure desktop apps from your existing HTML, CSS, and JavaScript. In this article, Kelvin explains how Tauri plays well with the progressive framework Vue.js by integrating both technologies in bundling an example web app called **nota** as a native application.

KOKelvin OmereshoneKelvin Omereshone·July 8, 2020Performance
Design & UX — Mirage JS Deep Dive: Using Mirage JS And Cypress For UI Testing (Part 4) — Smashing Magazine

Mirage JS Deep Dive: Using Mirage JS And Cypress For UI Testing (Part 4) — Smashing Magazine

UI or User Interface test is a form of acceptance testing done to verify the user flows of your front-end application. The emphasis of these kinds of software tests is on the end-user that is the actual person who will be interacting with your web application on a variety of devices ranging from desktops, laptops to mobile devices. In this final part of Mirage JS Deep Dive series, Kelvin Omereshon

KOKelvin OmereshoneKelvin Omereshone·June 17, 2020Design & UX
Engineering — Mirage JS Deep Dive: Understanding Timing, Response And Passthrough (Part 3) — Smashing Magazine

Mirage JS Deep Dive: Understanding Timing, Response And Passthrough (Part 3) — Smashing Magazine

So far, we have seen how we can create records with Mirage, intercept API requests via route handlers and, last but not least, how the shape of the data returned to us from Mirage is affected. In this third part of Mirage JS Deep Dive series, Kelvin Omereshone will be focusing on using `response`, `timing` and `passthrough` in Mirage for a better handle on simulating an actual backend server. Howe

KOKelvin OmereshoneKelvin Omereshone·June 10, 2020Engineering
Databases — Mirage JS Deep Dive: Understanding Factories, Fixtures And Serializers (Part 2) — Smashing Magazine

Mirage JS Deep Dive: Understanding Factories, Fixtures And Serializers (Part 2) — Smashing Magazine

Factories are a faster way to create new database records., A fixture is a state of a set or collection of objects that serve as a baseline for running tests, and a serializer is responsible for transforming the response. In this second part of the Mirage JS Deep Dive series, Kelvin Omereshone will be looking at Mirage JS’ Factories, Fixtures, and Serializers. You’ll see how they enable rapid API

KOKelvin OmereshoneKelvin Omereshone·May 29, 2020Databases
Frontend — Understanding Machines: An Open Standard For JavaScript Functions — Smashing Magazine

Understanding Machines: An Open Standard For JavaScript Functions — Smashing Magazine

In this article, Kelvin Omereshone introduces you to machines, an open standard for JavaScript functions. At the end of this article, you should be familiar with what machines are and how to implement them. There is no special prerequisite for this article. If you can write a JavaScript function, then you’ll be able to follow along. With all that said, let’s dive in.

KOKelvin OmereshoneKelvin Omereshone·May 21, 2020Frontend
Engineering — Mirage JS Deep Dive: Understanding Mirage JS Models And Associations (Part 1) — Smashing Magazine

Mirage JS Deep Dive: Understanding Mirage JS Models And Associations (Part 1) — Smashing Magazine

Mirage JS borrowed some terms and concepts which are very much familiar to back-end developers, however, since the library would be used mostly by front-end teams, it’s appropriate to learn what these terms and concepts are. In this first part of the Mirage JS Deep Dive series, Kelvin Omereshone will be looking at Mirage JS models and associations. He’ll take a closer look at what they are and the

KOKelvin OmereshoneKelvin Omereshone·April 30, 2020Engineering
Frontend — Setting Up API Mocking With Mirage JS And Vue.js — Smashing Magazine

Setting Up API Mocking With Mirage JS And Vue.js — Smashing Magazine

Almost all JavaScript projects that can be found out in the wild interact with a web service or API and either use it for authentications or getting user-related data. In this article, Kelvin Omereshone introduces Mirage JS, an API mocking library that lets you build, test and share a complete working JavaScript application without having to rely on any backend API or services. You’ll also learn h

KOKelvin OmereshoneKelvin Omereshone·February 13, 2020Frontend