Home » JavaScript

JavaScript

ReactJS setState Example

ReactJS has grown in popularity and is one of the most used frameworks. In this article, we look at the setState method of ReactJS. With earlier versions of React state feature was limited to components implemented using ES6 classes. But now with the introduction of hooks even function components can have state. We look at both the cases and how ...

Read More »

ReactJS Unit Testing Example

In this article, we take a look at unit testing ReactJS code. Writing Unit tests for code is the norm these days making testing of code less of an after thought. We take a look at some Unit Testing frameworks for ReactJS and how to configure them. There is a healthy ecosystem of Testing tools & Frameworks around ReactJS and ...

Read More »

ReactJS Table Example

In this article we will build a ReactJS Table Example. ReactJS has shot to fame and has become the front end library of choice. We look at how we can build a table with a set of components and keep it as flexible and configurable as possible. We will add features like styling and sorting to our table component and ...

Read More »

Flutter: A Boon for Javascript Developers with Better Web Apps UI

After Google officially launched flutter 1.0 in 2018, there is a hot-talk among mobile app developers — flutter. Major companies, including Sonos Inc., Capital One Financial Corp., eBay Inc., Alibaba Group Holding Ltd., and Tencent Holdings, are already building apps with Flutter, Google said. There are many questions raised among mobile developers, how it is possible to be cross-platform without ...

Read More »

ReactJS Lifecycle Methods Tutorial

In this piece, we are going to dive into the ReactJS lifecycle methods. We explore the events as a component renders to the DOM. Updates to a component trigger additional lifecycle events that we will also look at. We build a simple ticker component and log out method names as they run. To start off I will be using create-react-app ...

Read More »

ReactJS Infinite Scroll Example

In this article, we implement the Infinite scroll feature in a ReactJS application. This feature allows us to load and present additional content as the user scrolls the container. It creates an impression of seemingly infinite content and thus the name infinite scroll. In this article, we will create a container that, when scrolled would load additional content into the ...

Read More »

How to replace jQuery with VueJS

In this post, we feature a comprehensive article on How to replace jQuery with VueJS. If you’re from the IT industry, then you might already know about all the hype that VueJS has gained lately. But, what you might not know is that you can replace JQuery with Vue. In simple words, you can incorporate Vue just like you incorporate ...

Read More »

ReactJS Hide Component Example

ReactJS is one of the most popular JavaScript libraries today. In this article, we take a look at how to hide a ReactJS component. There are a couple of ways to achieve this. We will look at each method and walk through its implementation in this article. For the example that we will build, I have used the following stack ...

Read More »

ReactJS Event Listener Example

In this article, we take a look at event handling with ReactJS. ReactJS is a very popular front-end library used to build Front ends of high-performance applications. Handling events in ReactJS is very similar to handling DOM events using plain JavaScript. But there are some differences as we will see in this article. 1. Introduction Let us get started by ...

Read More »