Front End Notes MetaData

1. HTML & Browser

   1. HTML Interview Preparation
      • https://dev.to/ashutoshsarangi/html-interview-question-answers-3b2e
   2. When You Open a Website What Exactly happens Internally
      • https://dev.to/ashutoshsarangi/when-you-open-a-website-what-exactly-happens-internally-jff
   3. HTTP/1 vs HTTP/2 vs HTTP3
      • https://dev.to/ashutoshsarangi/http1-vs-http2-vs-http3-2ce6
   4. Building My Own React-Like Library with Advanced Features!
      • https://dev.to/ashutoshsarangi/building-my-own-react-like-library-with-advanced-features-49d1

2. CSS

   1. CSS In Details
      • https://dev.to/ashutoshsarangi/css-in-details-3hfk
   2. Grid and Flex Layout in CSS
      • https://dev.to/ashutoshsarangi/grid-layout-and-flex-layout-in-css-4e8e

3. JavaScript

   1. Unraveling JavaScript: A Deep Dive into Hoisting, Temporal Dead Zone, and Variable States
      • https://dev.to/ashutoshsarangi/unraveling-javascript-a-deep-dive-into-hoisting-temporal-dead-zone-and-variable-states-4d0j
   2. Javascript Interview Preparation
      • https://dev.to/ashutoshsarangi/wip-javascript-interview-preparation-4c8m
   3. Expert Javascript Interview Preparation
      • https://dev.to/ashutoshsarangi/expert-javascript-interview-preparation-50o7
   4. Web Worker Vs Service Worker
      • https://dev.to/ashutoshsarangi/web-worker-vs-service-worker-5h50
   5. Implementing Internal Analytics Like Google Analytics Using JavaScript
      • https://dev.to/ashutoshsarangi/implementing-internal-analytics-as-like-google-analytics-using-javascript-3l5m
   6. Array.slice vs. Array.splice: Clearing Up the Confusion
      • https://dev.to/ashutoshsarangi/arrayslice-vs-arraysplice-clearing-up-the-confusion-2jch
   7. Deep understanding of Functions in javascript
      • https://dev.to/ashutoshsarangi/wip-functions-in-javascript-3ehj

4. Typescript

   1. Basic TypeScript for JavaScript Programmers
      • https://dev.to/ashutoshsarangi/basic-typescript-for-javascript-programmers-1n7o

5. React

   1. React Interview Preparation
      • https://dev.to/ashutoshsarangi/react-interview-preparation-26g7
   2. Client-Side Rendering (CSR) vs. Server-Side Rendering (SSR), Hydration and Selective Hydration
      • https://dev.to/ashutoshsarangi/client-side-rendering-csr-vs-server-side-rendering-ssr-hydration-and-selective-hydration-1eo9
   3. Performance Impact Using Context API
      • https://dev.to/ashutoshsarangi/performance-impact-using-context-api-2eka
   4. Advance React Interview Question and Answer
      • https://dev.to/ashutoshsarangi/advance-react-interview-question-and-answer-hlj
   5. React Hook in Class Component
      • https://dev.to/ashutoshsarangi/react-hook-in-class-component-57n7
   6. A Deep Dive into React's Optimization Algorithms & Process
      • https://dev.to/ashutoshsarangi/a-deep-dive-into-reacts-optimization-algorithms-process-4k57
   7. Image Optimization in Any Web Apps / Mobile Apps
      • https://dev.to/ashutoshsarangi/image-optimization-in-any-web-apps-mobile-apps-5c1m
   8. React + Typescript Quick Adoption (Not With any 😅😅😅)
      • https://dev.to/ashutoshsarangi/react-typescript-quick-adoption-not-with-any--4hji
   9. Infinite Scrolling Demo with Intersection Observer, React, and useRef
      • https://dev.to/ashutoshsarangi/infinite-scrolling-demo-with-intersection-observer-react-and-useref-1coi
   10. Voice navigation Using React Without Additional Plugin
       • https://dev.to/ashutoshsarangi/voice-navigation-using-react-without-additional-plugin-42h9
   11. Building a Custom Command Palette with React: A Deep Dive into React Portals, Observables, and Event Listeners
       • https://dev.to/ashutoshsarangi/building-a-custom-command-palette-with-react-a-deep-dive-into-react-portals-observables-and-event-listeners-4kjm
   12. Increase Your Web App Performance By 20-30%, Even more
       • https://dev.to/ashutoshsarangi/performance-improvement-for-web-applications-1plk

6. System Design

   1. Twitter Like News Feed UI System Design
      • https://dev.to/ashutoshsarangi/twitter-like-news-feed-ui-system-design-3pld

7. Build Tools & Deployment

   1. Build tools:- Vite ~ Webpack & Deploy the Dist Folder
      • https://dev.to/ashutoshsarangi/build-tools-vite-webpack-deploy-the-dist-folder-50kb

8. Testing

   1. React Unit Testing using Vitest
      • https://dev.to/ashutoshsarangi/react-unit-testing-using-vitest-3926
   2. React Component Testing using React Testing Library
      • https://dev.to/ashutoshsarangi/react-component-testing-using-react-testing-library-45n9
   3. Unit Testing For Your Redux, React
      • https://dev.to/ashutoshsarangi/unit-testing-for-your-redux-react-2bc4

9. Micro Front end

   • https://dev.to/ashutoshsarangi/micro-frontend-using-vite-react-angular-vue-39lb