A Higher Order Components (HOC) is a function that accepts a Component as an argument and returns a Component.  It is an advanced technique to React for reusing component logic. HOCs are a pattern that emerges from React’s compositional nature. Examples of Higher-Order Components (HOCs) There are many, but some notable ones: The most common is probably Redux ’s […]

Read More →

As we know Angular 6 beta version has been released. The angular team comes up with a lot of features.   In Angular 6 modules, they generally focused on  How to reduce the compilation time  How to reduce the code size  Service workers  CDK   Bazel Compiler: Whenever we do the development small changes comes every […]

Read More →

What is React Portal? React Portal provide the way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.   Format ReactDOM.createPortal(child, container)   where the child is the Component which will be rendered at the place of the container which is dom node.   Implementation:   render() { […]

Read More →

What is code splitting in React js? Code Splitting in react js  simply spilt your bundle generated by Wepack or Browserify into multiple and load them dynamically.   Why splitting is important: We develop react app. Our code imports many third-party libraries. Bundle generated by web pack or Browserify also gets fatter and fatter.  This fat budle.js […]

Read More →

In the ReactJS, javascript error handling is not an easy job. There is not a consistent way to handle the error in ReactJs. Right now in React 15 or in the past the JavaScript errors inside the component corrupt the internal state and break the whole UI of the application, Means in React 15 or […]

Read More →

A new Module introduces in CSS is CSS3 flexbox to provide a more efficient way to align and distribute space among the list of items in a container with static and dynamic widths. A flexbox container expands items to fill available free space or shrinks them to prevent overflow. Difference Between Grid Layout and CSS3 […]

Read More →

Memory Management! When things (string, array, object) are created, memory is allocated to them in JavaScript. Unlike Low-Level Programming Language C, JavaScript does not have alloc(), malloc(), free() primitive to do a job for them. Memory is automatically freed when that is no longer useful.    This process is called Garbage Collection. Word Automatically brings confusion to developers, […]

Read More →

The fragment is a first-class component to wrap your child components and HTML elements instead of using any HTML element. Normal way of wrapping child component in render method render(){ return( <div> <Header/> <h1> Without Fragment </h1> </div> ); }   For above example, if you will not wrap the child component using <div> tag […]

Read More →

The  React v16.0 release was a big one and among the changes are fragments, error boundaries, portals, support for custom DOM attributes, improved server-side-rendering and reduced file size. We will talk about the Portals here. What is React Portal? A way of rendering a child component outside the present Dom-Node-Hierarchy as opposed to the traditional […]

Read More →