Karan Singh

Backend Developer
FinTech | AI/ML

[Karan Singh @dev_karan01]

@Aakashi_123 Both

[Karan Singh @dev_karan01]

A Good Developer only need GPT and Copilot any of them without any subscription plan.

Words of Era.

[Karan Singh @dev_karan01]

@jaanaalawdeyaaa ATF Samosa 🥙

[Karan Singh @dev_karan01]

@mjovanc https://t.co/wiAhYQbaf8

[Karan Singh @dev_karan01]

The mistake I made: I thought the fundamentals as “boring.”

But fundamentals aren’t boring — they’re the difference between blindly copying code and truly understanding code.

You can’t build advanced React apps on shaky JavaScript foundations.

Strengthen the base first, and everything else falls into place with ease.

For JavaScript and TypeScript especially.

𝗧𝗵𝗲 𝟳 𝗳𝘂𝗻𝗱𝗮𝗺𝗲𝗻𝘁𝗮𝗹𝘀 𝘁𝗵𝗮𝘁 𝗰𝗵𝗮𝗻𝗴𝗲𝗱 𝗲𝘃𝗲𝗿𝘆𝘁𝗵𝗶𝗻𝗴:
-> Closures — Why variables sometimes “disappear”.
-> Event Loop — Why apps freeze (and how to fix it).
-> Prototypes — How JavaScript really works under the hood.
-> Hoisting — Why code breaks in production but works locally.
-> Async/Await — Why API calls fail silently Scope.
-> Chain — Why functions can’t find variables.
-> Reference vs Value — Why state updates don’t work

[Karan Singh @dev_karan01]

The mistake I made: I thought the fundamentals as “boring.”

But fundamentals aren’t boring — they’re the difference between blindly copying code and truly understanding code.

You can’t build advanced React apps on shaky JavaScript foundations.

Strengthen the base first, and everything else falls into place with ease.

For JavaScript and TypeScript especially.

𝗧𝗵𝗲 𝟳 𝗳𝘂𝗻𝗱𝗮𝗺𝗲𝗻𝘁𝗮𝗹𝘀 𝘁𝗵𝗮𝘁 𝗰𝗵𝗮𝗻𝗴𝗲𝗱 𝗲𝘃𝗲𝗿𝘆𝘁𝗵𝗶𝗻𝗴:
-> Closures — Why variables sometimes “disappear”.
-> Event Loop — Why apps freeze (and how to fix it).
-> Prototypes — How JavaScript really works under the hood.
-> Hoisting — Why code breaks in production but works locally.
-> Async/Await — Why API calls fail silently Scope.
-> Chain — Why functions can’t find variables.
-> Reference vs Value — Why state updates don’t work

[Karan Singh @dev_karan01]

@isha_singh06 I'm try to do same

[Karan Singh @dev_karan01]

React Series : Web accessibility

Question : How do you ensure your web application is accessible ?

Approach : Discuss key Principles and practices for web accessibility. Answer : To ensure web accessibility, follow WCAG guidlines and use semantic HTML elements for structure, ARIA roles for enhanced semantics, ensure keyboard navigability, provide alt text for images, and ensure contrast ratios are sufficient for readability. Testing with screen readers and using accessibility audit tools can help identify and address issues.

[Karan Singh @dev_karan01]

React Series : Web accessibility

Question : How do you ensure your web application is accessible ?

Approach : Discuss key Principles and practices for web accessibility. Answer : To ensure web accessibility, follow WCAG guidlines and use semantic HTML elements for structure, ARIA roles for enhanced semantics, ensure keyboard navigability, provide alt text for images, and ensure contrast ratios are sufficient for readability. Testing with screen readers and using accessibility audit tools can help identify and address issues.

[Karan Singh @dev_karan01]

React Series : Web accessibility

Question : How do you ensure your web application is accessible ?

Approach : Discuss key Principles and practices for web accessibility.

Answer : To ensure web accessibility, follow WCAG guidlines and use semantic HTML elements for structure, ARIA roles for enhanced semantics, ensure keyboard navigability, provide alt text for images, and ensure contrast ratios are sufficient for readability. Testing with screen readers and using accessibility audit tools can help identify and address issues.

[Karan Singh @dev_karan01]

@_reema_art_10 Babu Dacoit

[Karan Singh @dev_karan01]

@AnupamHaldkar Good Explain 🤝👏

[Karan Singh @dev_karan01]

@SayantikaSays Kya dimag ka Bhanng Bhosda kr diya
Subh Subh 🤮🤯

[Karan Singh @dev_karan01]

React Series : Event Delegation

Question : Explain event delegation and it's advantages.

Approach : Describe the concept and it's practical uses.

Answer : Event Delegation is a technique where instead of adding an event listener to a parent element. It leverages the event bubbling phase to catch events from the child elements. Advantages include reduce memory usage ( fewer event listener ) and dynamically handling events from elements added after the intial page load.

[Karan Singh @dev_karan01]

React Series : Single Page Application (SPA) SEO Challenges

Question : What are the SEO Challenges with SPAs and how can they be addressed ?

Approach : Identify key SEO issues with SPAs and Solutions.

Answer : SPAs often struggle with SEO as content is dynamically loaded, making it hard for search engine crawlers to index. Solutions include server-side rendering (SSR), using the history API to update URLs for different views, and leveraging pre-rendering services or static site generators.

[Karan Singh @dev_karan01]

@IntrovertSaavni If you gave it to me
You are Mature , your friend is Childish

[Karan Singh @dev_karan01]

React Series CORS

Question : What is CORS and how do you handle it in Web applications ?

Approach : Explain CORS concept and solutions for common issues.

Answer : CORS is a security feature that restricts web applications from making requests to a domain different from the one which served the web page. To handle it, configure the server to include CORS header like Access-Control-Allow-Origin in the response, Specifying which domains are allowed to access the resources.

[Karan Singh @dev_karan01]

Good morning, Techiex

Some of you are enjoying the weekend, while others (like me) are doing a workday.

No matter where you are
Stay focused.
Keep building your skills.
Let consistency be your edge.

Be Consistent is new effort for your loved dream.

#WorkMode #TechLife #SkillUp

[Karan Singh @dev_karan01]

@SurajKu64859907 I'm also on the Track

[Karan Singh @dev_karan01]

React Series : React Component Lifecycle.

Question: Describe the lifestyle of a React component and how you would use it to fetch data.

Approach : Detail the cycle phases and appropriate methods for data fetching.

Answer: constructor (), Render(), componentDidMount(), shouldComponentUpdate(), componentDidUpdate(), and componentDidMount() for class components or useRffect() hook in functional components to perform side effects, including data fetching after the initial render.