TagMERN

Realtime Updates WIth Mongodb

R

What do we mean by a real-time database?As the name suggests if we get updates from our database as soon as they occur, ie, in real-time, we call it a real-time database. The data with clients are in constant sync with the database. What are some use cases for real-time updates?– Real-Time Notifications – Real-Time Analytics – Event-Driven Architecture– Reactive Systems...

State Management Lifecycle in React

S

What is State? To make React Component Classes dynamic State is used.  The state of a component is an object which holds information which may change the lifetime of the component. State v Props Once Props are set they can’t be changed so Props are immutable  The state can hold data that may change over time so the state is observableProps can be used in  function or class componentsThe state is...

Modern Redux Development using Redux tookit

M

Introduction: This blog explains how you can build an application using the react-redux with a redux toolkit. This is the modern React Redux tutorials with the Redux toolkit. Things are changing in front-end application development. What we have been using to develop a front-end application is frequently switching to build things faster and more efficiently. One of them is redux, which handles...

Redux vs Context API : How to choose?

R

Bit confused, about when, how, and where to use redux and context API. Let’s take a brief look. We have a simple application named as Movie app. In that movie app, we have basic three-component search, login, and movies. If we want to share data between these components then quite easy than nested child components in one big app that leads to prop drilling. So, to solve the prop drilling issue...

Managing Redux Side Effects Using Redux Saga

M

If you have previously used Redux in a React project, you will eventually need to handle side effects (asynchronous) such as API requests or setting timeout and intervals since they are necessary while developing features for a “complex online application.” The Redux design takes an action and a state and then returns a new state to offer predictable state change. There are no built...

PROGRESSIVE WEB APPS IN REACT

P

Progressive Web Apps(PWA) are the web apps which are dynamic and can be run offline which means at standalone. The benefits of Progressive web apps in its usage and other factors are as follows: performance of the app; The ability to work online means with internet connectivity or offline means without internet connectivity. specific to platform capable to install or installable. Create a React...

Using EJS Template In Node Applications

U

Introduction: When fast for creating a node application, the faster way for template the application is very necessary and important sometimes. Jade is the default template engine for Express, but Jade syntax is very complex for many use cases for Express JS web applications. Embedded JavaScript (EJS) can be an alternative template engine for the Express JS template requirement and usages...

How Are Functional Components Different From Classes?

H

React Components The react components are independent and reusable bits of code. The react components serve the same purpose as JavaScript functions, but work in isolation and return HTML via a render () function. A component is combination of  1. Template using HTML 2. User Interactivity using JS 3. Applying Styles using CSS The React app will have many components like header component...

Lifecyle Methods in Reactjs

L

React apps are basically a collection of independent components that run according to interaction with one another. Every component has a lifecycle of its own. It can be defined as the methods that are invoked during different stages of its existence. If we talk about the stages of a component’s lifecycle, it will be as follows. Initialization: This is the stage where a component gets...

React Context API:  A Lightweight Alternative to Redux

R

The Context provides a path to pass data through the component tree without passing props down manually at every component. Context API (React API) solves a lot of problems that modern applications face due to state management and how they’re passing state to the components. Instead of installing a state management library in your project which will cost our project performance and increase our...

Category