JavaScript

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 ...

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 ...

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 ...

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 ...

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 ...

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 ...

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 ...

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 ...

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 ...