Home » JavaScript

JavaScript

ReactJS API Calls Example

In this article, we will take a look at making API Calls in a ReactJS application. Making API Calls to perform CRUD operations on data is a critical and important feature of most applications. We gain an understanding and learn the intricacies of achieving the same in with ReactJS. ReactJS has soared in popularity and has become the go-to library ...

Read More »

ReactJS Button Component Example

In this article, we build a reusable ReactJS Button Component. ReactJS has grown in popularity and has become the go-to library for front end development. We use it here to display its prowess when it comes to building flexible and reusable, batteries included, components for front end development. The approach we use here is applicable to the development of all ...

Read More »

ReactJS onChange Example

In this article let us explore event handling in ReactJS and specifically on the onChange event in Reactjs. We take a look at handling the change event of HTML tags. ReactJS has grown in popularity over the years and has become the go-to library for front end development. We will create a controlled component that displays an input tag. Subsequently ...

Read More »

ReactJS onClick Example

In this example, we will see an example of the ReactJS onClick event. We will discover ways to handle the click event of HTML elements using ReactJS. As you know ReactJS has soared in popularity. And has become one of the most favored libraries for front end development. We explore how to attach event handlers and handle the click event ...

Read More »

ReactJS with NodeJS Example

In this article, we go about creating or setting up a Full Stack JavaScript application. We use NodeJS for the server-side API and ReactJS for the Front-end of the application. To start off, we use express-generator to scaffold the server-side code and structure. And then proceed with the create-react-app package to generate the client-side of our application. So let’s get ...

Read More »

AngularJS Custom Directives Example

Welcome readers, in this tutorial, we will understand custom directives in angularjs. 1. Introduction AngularJS helps developers to write custom directives which are easy to manipulate and simplify the DOM manipulation These directives extend the HTML functionality and help manipulate the HTML behavior Directives can be implemented in the following ways i.e. Element directives: Activated when a matching HTML element ...

Read More »

Basic Firebase CRUD Operations in Angular

Welcome readers, in this tutorial, we will perform the CRUD Operations in Firebase through an angular application. 1. Introduction Angular is a Typescript-based open-source framework that helps developers build single-page applications Offers Object-oriented features and supports the dynamic loading of the pages Supports Two-way data binding, Property ([]), and Event (()) binding techniques Supports command-line-interface to easily initiate and manage ...

Read More »

ReactJS and Redux Tutorial

In this post, we look at using the Redux library with ReactJS. Redux, in a gist, centralizes state management. It provides APIs and patterns to manipulate the state in a predictable way. This leads to consistent application behavior. Wherein for the same set of changes we get the same resultant state every time, the change is predictable. As we work ...

Read More »

How WebdriverIO Uses Selenium Locators in a Unique Way – A WebdriverIO Tutorial With Examples

In any automation testing framework, finding elements is the most fundamental activity. We have to choose web elements very carefully so that automation script execution can handle static and dynamic elements for stable test results. WebDriverIO has many advanced Selenium locators/ selector strategies compared to other automation testing frameworks. Traditionally, each locator has a specific By method which identifies the ...

Read More »