Posts for Emmanuel John

I am a web developer with a passion for learning new web technologies and building web apps with best web technologies.

Creating Custom Hooks with Vue 3 & Typescript

TypeScript offers a static type system that can help to prevent many potential runtime errors as applications grow, this is why Vue 3 is built from the ground in TypeScript. This means you don’t need any additional tooling to use TypeScript with Vue because it has full typescript support.This article will take you on a […]

October 30, 2020 in Vue

Why Every Vue developer should Checkout Vue 3 Now

It’s barely a month since the official release of Vue.js v3.0 Watch the announcement talk by Evan You!Vue 3 offers a lot of amazing new features and changes which improve the framework’s overall stability, speed, and maintainability, and great development experience. Prior to the official release of Vue 3, some of these amazing features were […]

October 26, 2020 in Vue

Build Progressive Web Application (PWA) with React

In this article, we will create a React PWA that has reusable React components and styling using Create React App and styled-components. The application will use data fetched from an external REST API. Pre-requisite Basic understanding of JavaScript ES6 Basic understanding of HTML and CSS Basic understanding of react Have Nodejs installed on your machine […]

September 16, 2020 in React & Tutorials

Build Amazon Clone with React, Context API, and Firebase

Amazon is a vast Internet-based enterprise that sells books, music, movies, housewares, electronics, toys, and many other goods. In this article, we will explore the react hooks and context API as we build the amazon clone using the react context API for state management within our app. If you want to learn about React Native […]

September 7, 2020 in React

Build a TikTok Clone with React and Firebase

In this article, we will build our TikTok clone with React and firebase, and also we will explore the cool feature of React hooks. TikTok video-sharing app has become very popular among entertainment applications these days. This application has millions of users who span across the world. Learn about React Animation in easy guide Pre-requisite […]

August 31, 2020 in React

Array.prototype.entries() and Array.prototype.every() methods – Made Easy

ES6 version of JavaScript unwraps a list of array iteration methods that helps its developers write clean and readable code. Included in the list of array iteration methods are Array.prototype.entries() and Array.prototype.every() method which will be explained in this article. In this article, we will understand the entries() method and the every() method, as well […]

April 27, 2020 in Code examples & Javascript

Array.prototype.filter() Made Easy

The filter() method is an immutable JavaScript array iteration method that creates a new array filled with all the original array elements that pass the test provided by the callback function without changing the original array. It does not execute the function for array elements without values. Also, it does not mutate the original array. We will […]

April 23, 2020 in Code examples & Javascript

Array.prototype.reduce() Made Easy

The Array.prototype.reduce() method is an immutable JavaScript array iteration method that executes a callback function on each element of the array, resulting in a single output value.   Syntax Callback Function Syntax The callback function houses the conditions to be executed over each element of the array.  The callback function receives 4 parameters which include: […]

April 11, 2020 in Code examples & Javascript

Array.prototype.map() Made Easy

The Array.prototype.map() is an immutable JavaScript array iteration method that creates a new array containing the results of executing a callback function on every element in the initial array. It does not mutate the original array. We will make reference to the code snippet above as we progress. Syntax Callback function Syntax The callback function […]

April 3, 2020 in Code examples & Javascript

Understanding Technical concepts in JavaScript

One can always be a great driver without knowing how the automobile system operates. Similarly, you can be a good developer without understanding the inner workings of the JavaScript language. In this article, we will understand the difference between asynchronous and synchronous operations in JavaScript. Also, we will understand what meaning of this popular definition […]

March 10, 2020 in Code examples & Javascript