A Short Note – Higher-order Components vs Render Props In React JS

Hello Readers, CoolMonkTechie heartily welcomes you in A Short Note Series. In this note series, We will about High-order components vs Render Props in React JS . Higher-order components (HOC) and render props are two ways to build cross cutting code in React JS. How do you decide to use one over the other? The reason … Continue reading A Short Note – Higher-order Components vs Render Props In React JS

A Short Note – How Redux Works?

Hello Readers, CoolMonkTechie heartily welcomes you in A Short Note Series. In this note series, we will understand about the Redux work flow concepts in ReactJS. So Let’s begin. Redux Redux is just one variation of a whole trend in UI architecture called : Unidirectional User Interface Architecture. For example there is Flux (Redux is just a … Continue reading A Short Note – How Redux Works?

A Short Note – Understanding React Redux Concepts

Hello Readers, CoolMonkTechie heartily welcomes you in A Short Note Series. In this note series, we will understand about the React Redux concepts in ReactJS. So Let’s begin. What were the Major Problems With MVC Framework ? Following are some of the major problems with MVC framework: DOM manipulation was very expensiveApplications were slow and … Continue reading A Short Note – Understanding React Redux Concepts

A Short Note – Shadow DOM vs Virtual DOM in ReactJS

Hello Readers, CoolMonkTechie heartily welcomes you in A Short Note Series. In this note series, we will understand about the difference between Shadow DOM and Virtual DOM in ReactJS. We discuss the key differences between the virtual DOM and the shadow DOM. So Let’s begin. The shadow DOM and virtual DOM are both fundamental to … Continue reading A Short Note – Shadow DOM vs Virtual DOM in ReactJS

A Short Note – Stateless Component vs Pure Component in React Application

Hello Readers, CoolMonkTechie heartily welcomes you in A Short Note Series. In this note series, we will understand about the difference between Stateless Component and Pure Component in React Application. We will be discussing how both components compare performance wise, developer experience and how both will fit into your ReactJS production project. So Let's Begin. … Continue reading A Short Note – Stateless Component vs Pure Component in React Application

A Short Note – Unit Vs Integration Vs End To End Testing

Hello Readers, CoolMonkTechie heartily welcomes you in A Short Note Series. In this note series, we will understand about the difference between unit testing, integration testing and End to end testing in React Testing Framework. So Let's begin. Unit Testing Unit Testing is an isolated part of your app, usually done in combination with shallow … Continue reading A Short Note – Unit Vs Integration Vs End To End Testing

A Short Note – What is difference between Shallow and Mount in React Testing ?

Hello Readers, CoolMonkTechie heartily welcomes you in A Short Note Series. In this note series, we will discuss about difference between Shallow and Mount in React Testing. So Let's begin. Mount Mount actually executes the html, css and js code like a browser would, but does so in a simulated way. It is “headless” for … Continue reading A Short Note – What is difference between Shallow and Mount in React Testing ?

A Short Note – Do and Don’t Checklist Summary of React Component Lifecycle Methods

Hello Readers, CoolMonkTechie heartily welcomes you in A Short Note Series. In this note series, we will learn about the ReactJS Component Lifecycle checklist which point us the principles of each lifecycle component methods . We will try to explain through DO and DON'T checklist of the lifecycle methods. We discuss the below ReactJS Component … Continue reading A Short Note – Do and Don’t Checklist Summary of React Component Lifecycle Methods

A Short Note – React Terminology Cheatsheet

Hello Readers, CoolMonkTechie heartily welcomes you in A Short Note Series. In this note series, we will learn about the commonly used ReactJS terminology and definitions. I will try to explain some common terminology from ReactJS. So, Let's begin. Single-page Application - An application that loads a single HTML page and all the necessary assets (such … Continue reading A Short Note – React Terminology Cheatsheet