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
     1. Web Worker Vs Service Worker
     2. https://dev.to/ashutoshsarangi/web-worker-vs-service-worker-5h50
     3. Implementing Internal Analytics Like Google Analytics Using JavaScript
     4. https://dev.to/ashutoshsarangi/implementing-internal-analytics-as-like-google-analytics-using-javascript-3l5m
     5. Array.slice vs. Array.splice: Clearing Up the Confusion
     6. https://dev.to/ashutoshsarangi/arrayslice-vs-arraysplice-clearing-up-the-confusion-2jch
     7. Deep understanding of Functions in javascript
     8. 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
13. Implementing Security in Front-End Applications (React)
    • https://dev.to/ashutoshsarangi/implementing-security-in-front-end-applications-react-5a33

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