Mongodb Aggregate Example: The Complete Guide

When it’s time to gather the metrics from MongoDB, there is no better solution than MongoDB aggregations. Aggregations are the functions that allow you to manipulate the data being returned from a MongoDB query. For example, aggregations operations can process the data records and return the computed results.  Mongodb Aggregate Aggregate function groups the records in … Read more

Redux Thunk: How To Use Redux Thunk In React

Redux is a predictable container state management system. It’s a lightweight implementation of Flux, which is another library for managing the state. Redux allows us to put a middleware that sits between an action being dispatched and the action that reaching to the reducers. Two famous middleware libraries that will allow for side effects and asynchronous activities … Read more

Angular 12 Directive: How to Use Directive in Angular

An Angular Directive can be divided into two types:  Components Structural Attribute Angular Directive is a class with a @Directive decorator. Decorators are functions that modify JavaScript classes. The decorators are used for attaching metadata to classes as it knows the configuration of those classes and how they should work. You will be surprised to know that the component is also a directive-with-a-template. … Read more

Angular Charts: How To Add Charts In Angular 12

For this project, I am using Angular 12, but you can use whatever version you want down to Angular 5. In addition, you already have installed Node.js on your machine because we use Angular CLI to install Angular. So node and npm are the must requirement for this example. So If you have not installed it previously, then you … Read more

Angular 12 Material Example: Everything You Need to Know

Angular Material is a material library that we need to install for better UI/UX.  We will use the Angular 12 and Angular Material 12 library. Angular Material is ground running with large, modern UI components that work across the web, mobile, and desktop.  Angular Material helps in creating faster, beautiful, and responsive web apps and websites. You … Read more

Laravel 5.7 CRUD: Complete Laravel Project From Scratch

Laravel 5.7 has some new cool features as well as several other enhancements and bug fixes. In the previous Laracon event, Taylor Otwell announced some of the notable changes, which are the following. Resources Directory Changes. Callable Action URLs. Laravel Dump Server. Improved Error Messages For Dynamic Calls. Now in this tutorial, first, we will install … Read more

How to Connect Node.js Application to MySQL Database

Node.js can be used in database applications, and one of the most popular databases is MySQL. We have used MongoDB almost whenever we choose Node.js as a platform. That is why today’s example is for MySQL. For this, first, you need to install MySQL server and then install the mysql package. After that, you can download … Read more

What is New in Laravel 5.7: Features and Updates

This post will talk about Laravel 5.7 Features and Updates | What Is New. Laravel 5.7 has some cool new features, enhancements, and bug fixes. We will discuss some noticeable changes and additions to the Laravel 5.7 family. Laravel 5.7 Features and Updates In a previous Laracon event, Taylor Otwell announced some of the changes, which … Read more

React Redux Node MongoDB JWT Authentication Example

We use React and Redux for the frontend, Node.js as a platform, express as a web framework, and MongoDB as a NoSQL database. We use JWT authentication where, if the user is logged in, it returns a token, and the client saves that token. The client uses that token each time when he tries to … Read more

Vue History Mode Routing: Everything You Need to Know

Vue History Mode Routing The default mode for the vue-router is hash(#) mode, as it uses the URL hash to simulate a full URL so that the page won’t be reloaded when the URL changes. To get rid of the hash mode, we can use the router’s history mode, which leverages the history.pushState API to achieve URL navigation without a page reload. … Read more

Angular 12 NGXS Example: The Complete Guide

The official documentation for the NGXS library is here. We have covered the Angular NgRx Store pattern in this blog, and now it is time for an alternative to this library called Angular NGXS. What is NGXS NGXS is a state management pattern for the Angular framework. NGXS acts as a single source of truth … Read more