I would like to share my experience using React Query for Fetch, cache and update data in your React application. In one my project, the requirement was how we can avoid unnecessary API calls if the data is stale. That exploration lead to React Query. My Observations: Bye bye to…

Today sharing out my experience on using the frameworks Gatsby JS and Next JS Gatsby JS: GatsbyJS is a static site generator. It performs pre-build and returns static files (HTML, CSS, JS) as a result. …

Today I’m going to do a share out on the different ways to render a web application. There are mainly 3 ways: Client Side rendering, Server Side rendering and Static site generation. Client Side Rendering: Client-side rendering allows developers to make their websites entirely rendered in the browser with JavaScript…

Here sharing my experience on including a page built on React Native into and existing android app. Details can be found in my Stackoverflow question How can I open a specific component of my React Native application from an Native Android Activity… Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. Provide details and share…stackoverflow.com The codebase for the application goes here:

Here sharing a codepen for recreating a audio player progress bar using HTML, CSS, JS and jQuery. Checkout the code and try it. Happy Coding!

Today sharing my experience on creating my own personal website which is hosted on Github. Website URL: https://aravishack.github.io Since its a static website, used React JS with Hooks alone for creating it. React Typed is the one external libraries used for creating the effect of the typewriter. Here is the link to the library : ssbeefeater/react-typed Installation Documentation Installation Install with yarn or npm yarn add react-typed npm install react-typed --save…github.com

Here I'm sharing my experience on recreating a responsive accordion which I saw on the jeep official website. This uses HTML5, CSS3, JavaScript and jQuery. Check out the code and try. Happy Coding!

Here sharing my experiences on recreating a feature where we are comparing two image. The code is available on https://codepen.io/aravi-pen/pen/WPEmga We will have two images positioned one over the other and a splitter is placed on the center of the image. We have written different mouse handling events to handle this. Check out the code and try to create a preview. Happy Coding!

Here sharing a preview of creating a picture puzzle using HTML5, CSS3, JavaScript and jQuery.