React interview questions
My preparation notes for React interviews
May 17, 202415 min read
Command Palette
Search for a command to run...
Latest articles
MongoDB in Remix.js
Follow these instructions in your basic Remix.js project to connect your existing MongoDB to your app. In your terminal, install these packages as a dev dependency. This command is for Remix.js project set with Typescript settings. So typescript will...
Oct 27, 20231 min readProgress bar trick with Number()
So, there is a quiz app(Vite + React + TS (react-ts-msw-quiz-app.vercel.app)) that shows a single question and four answers. If I click on the answer, I want the progress bar to be updated. So here is the solution. Look how the progress bar increases...
Oct 19, 20232 min readVS Code snippet: console.log(), React FC
When coding React, I use React plus Typescript pattern a lot. Also, you import { FC } from "react" interface OptionsProps { } export const Options: FC<OptionsProps> = () => { return ( <> </> ) } So, I made a snippet in VS-Code to red...
Oct 15, 20232 min readTypescript useReducer error solved when adding new state
So, this is just for my reference. previously I had this code. import { useEffect, useReducer } from "react"; import { questionsApi } from "../constants"; import { Loader } from "../components/Loader"; import { Error } from "../components/Error"; imp...
Oct 15, 20234 min readOne Simple explanation of `this` inside JavaScript
Even the most experienced developers sometimes make mistakes while using this in JavaScript or TypeScript ( I am learning Typescript now... LOL) In simple terms, this is going to be equal to the left of the function call. const holi = { color: "...
Mar 12, 20231 min readModified Fetch in project
Simple to understand and reusable fetcher method In all projects, where I fetch with the rest API, I use the in-built fetch method all the time. I always avoid third-party libraries like axios. fetch takes two parameters. I will add basic used para...
Mar 8, 20232 min readUse pattern to shorten command of Concurrently
Sometimes, we want to run some scripts in a parallel manner. Concurrently package helps you just do that. npm install concurrently I want to add all scripts under names starting with start, so I don't have to type names in concurrently script. I d...
Mar 4, 20231 min read