Recent content on Rasik Jain - Senior Architect | Generative AI & Full-Stack Engineering
To store additional information for a user in Firebase using React and JavaScript, you typically use Firestore or the Realtime Database, as Firebase Authentication does not allow for arbitrary additional data to be stored directly in user profiles. Here’s a step-by-step guide on how to achieve this using Firestore. Step 1: Set Up Firebase in Your React App First, ensure that you have Firebase set…
Introduction: Next.js is a popular React framework that enables developers to create server-side rendered applications with ease. Two essential functions in Next.js are getServerSideProps and getStaticProps, which help developers pre-render pages and optimize performance. Although they share similarities, they have significant differences in terms of functionality and usage. In this blog, we will…
Introduction: As a React developer, you’re likely familiar with the useEffect hook. It’s a powerful tool that allows you to manage side effects in functional components. While its primary role is to handle tasks like data fetching, DOM manipulation, and subscriptions, useEffect can also be a game-changer when it comes to optimizing your application’s performance. In this blog…
Introduction: In the world of web development, data visualization plays a crucial role in conveying information effectively. Chart.js, a popular JavaScript library, provides an elegant and flexible way to create interactive and visually appealing charts. In this blog post, we will explore how to integrate Chart.js into a React application and leverage its powerful features to create stunning…
Introduction: In today’s fast-paced digital world, website performance plays a vital role in providing a seamless user experience. As web applications become increasingly complex, it’s crucial to optimize the loading time of our applications. One powerful technique to achieve this is lazy loading. In this blog post, we’ll explore how React’s lazy loading feature can…
Introduction: React, the popular JavaScript library for building user interfaces, offers several powerful features that make it a developer-friendly choice. One such feature is prop drilling, a technique used for passing data from a top-level component to a deeply nested component. In this blog post, we will explore the concept of prop drilling, understand its benefits and limitations, and provide…
Introduction: Arrays are a fundamental data structure in TypeScript, allowing us to store and manipulate collections of elements. TypeScript provides a rich set of array functions that simplify common tasks and enhance the functionality of arrays. In this article, we will explore 25 essential functions of TypeScript arrays and provide practical examples to help you harness their power in your…
Introduction: React, being a popular JavaScript library for building user interfaces, provides various tools and features to handle state management. One such feature is useContext, which allows developers to share state across different components without prop drilling. In this blog post, we will explore the useContext feature in React and demonstrate its usage with a TypeScript example.…
In the series of the blog post, I am going to walk through step by step process of building a Simple Notes App using React, TypeScript, Node.js, GraphQL , and MongoDB. During the process of our development, we are going to use some useful npm packages like Express, Apollo-Server, Typegoose, Mongoose, TypeGraphQL , and Bootstrap. Here is the Github Source Code to run the application. Table of…
While working with a client, we had a requirement to perform bulk insert/update using Retool table and Redshift database. For this situation, We had to loop through the table records and execute a dynamic SQL query in Redshift. Redshift database supports execution of dynamic SQL with the help of Prepared Statements or Stored Procedures. Prepared Statements We use prepared statements when we want…
Last week I finally took a plunge and decided to take the AWS Solutions Architect 2020 - Associate exam. I passed the exam with a score of 926 / 1000. I have been working in the cloud space for more than 5 years, but never got the interest in taking the exam. While having a chat with a friend, he told me that he cleared 4 to 5 AWS certifications including AWS Solutions Architect - Professional.
Here are three scenarios for implementing authentication workflows. Internet Applications (Public facing) For internet web applications and APIs, Session based (SessionID cookie) and Token Based (JWT) Authentication can be implemented. Session Based: Implemented for a majority of traditional and stateful web applications. Once the user is authenticated, A Session state is created and stored in an…
With the release of Hooks in React 16.8, it is now possible to store state in a function. We can add react features like useState and useEffect into the function directly without needing to create class. useState The useState hook adds state to the functional components. useState hook allows you to declare one state variable at a time. import React, { useState } from 'react'; function Counter() {…
I am Rasik Jain, a Software Engineer and Architect based in New Jersey. My current mission is building the next generation of intelligent, AI-native applications. I focus on the intersection of Generative AI and modern Front-end engineering, transforming complex machine learning capabilities into intuitive, high-performance user experiences. Rather than building simple interfaces, I architect…
Name Email Message Send Message
Please click to download PDF resume: