Next.js basics and its key concepts with poc What’s Next.Js: Next Js is a React framework, it comes with its own building blocks to create a web application. It provides a structure to our application For improved local development experience it comes with features like Typescript, ESLint, fast refresh etc In production…

What are queries and mutation in Graphql and how to do them ? If you already know what Graphql is then continue here, if not then I suggest you take a quick reads on this GraphQL ABC of Graphql, with a quick demomedium.com GraphQL as a service with Express Js GraphQL as a service and how to consumemedium.com Graphql operations: Graphql requests basically contains a string that holds the data and parameters to a graphql…

GraphQL as a service and how to consume If you know what is GraphQL and just want to see how it works with express, then please continue. If not please take a quick read on this story. GraphQL ABC of Graphql, with a quick demomedium.com GraphQL need to be exposed as restful web service so that it can…

ABC of Graphql, with a quick demo What is Graphql: A query language for our API Provides complete description of the data in our API Empowers consumer to request for exactly what they want Can access not just the properties of one resource but also smoothly follow references between them …

Redux, what it does and what are redux-saga and redux-thunk Redux: Pattern and library for managing and updating application state, using events called “actions”. A centralized store for state that needs to be used across your entire application. Basic terminologies: store: tree object that stores the whole global state of the application action…

Before jumping into React lazy, there are few thing we need to understand: Bundling: All our react code gets bundled into one single file, and gets loaded in the browser/client to render the dom. Largest Contentful pain (LCP)greater that 1.2 Sec: This is one of the performance issue that you…

There is a confusion between these three react API’s, and sometimes even used alternatively for one another by developers. Though the names and functionalities are quite similar, they are meant for solving different problem statements. So lets demystify them one by one. React.memo : Is a Higher Order Component (HOC). If your…