HomeArchive by Category "React"
Posted in React, Web Application

Creating a Custom Middleware with Redux

You might have used redux with react, as it is a widespread practice. Many people use redux-saga or redux-thunk for async actions as middlewares. Redux allows you to create your custom middleware as per your requirement. A middleware can be added in between dispatch and reducers so that we can alter the actions or can dispatch other actions (for async actions). This is […]

Posted in React

Profiler API

The performance of an Application can be good or bad depending on the quality of code. In React, The Profiler API helps in measuring the performance of a component and enhancing it. The Profiler API for DevTools first got shipped in the 16.5 React version. It helps developers find difficulties in your web application. In […]

Posted in React, Web Application

Learn How To Work On The React Portals

What is a Portal anyway? Well, as quoted in the google dictionary, its “a doorway, gate, or other entrance.” React v16.0 brought a similar concept of Portal that provides a way to transport a piece of UI into some other locations on to the DOM Tree while preserving its position in the React hierarchy, allowing it to maintain the properties […]

Posted in React, Web Application

React Hooks Basics

Hooks are upcoming features in React and are currently available in version 16.7.0-alpha.2. The hook can be used by installing the above version.  So, what are Hooks? Hooks let you use React features without writing classes, they are functions that let you ‘hook into’ React state and life cycles from the functional component. Note : […]

Posted in React, Web Application

React Portals

Portals is a feature which was added in React 16. It lets you render children into DOM node outside of the parent component. How to create Portal? where child can be any renderable React element such as fragment, strings or elements and domNode is DOM element. What can we do with Portals? We can make […]

Posted in React, Web Application

React Component Types

React has many different types of components and all provide different kind of use cases and performance optmizations. In this post we will see different types of components in brief and which component to use when Basic Component  These are the default component of react which we use always, this has the all the react […]