Aditya 🚀

Dev at Jio | Learning and Sharing | Javascript | React.js | Tailwindcss | Node.js | MongoDB

[Aditya 🚀 @AdityaBarde8]

Job Paste my chrome extension I launched on Product hunt today!
Here you can check it https://t.co/ark9s3fABB #producthunt #buildinpublic

[Aditya 🚀 @AdityaBarde8]

CSS tip: Use the <picture> tag for responsive images.

It lets you serve different images for different screen sizes, improving performance and layout control.

[Aditya 🚀 @AdityaBarde8]

Frontend devs be careful with XSS.
Avoid dangerouslySetInnerHTML unless absolutely necessary, and never render raw HTML without proper validation/sanitization.
Security starts at the UI layer too.

Happy coding!

[Csaba Kissi @csaba_kissi]

💡CSS Trick

You can use the prefers-color-scheme media queries to switch between Dark and Light modes automatically.

[Aditya 🚀 @AdityaBarde8]

🚀React's New Hook: useOptimistic()

React is leveling up the developer experience with a powerful new addition - useOptimistic().

If your app deals with instant Ul updates, form submissions, or slow network actions, this one's a game changer.

Happy Coding!

[Aditya 🚀 @AdityaBarde8]

What's the trending tech stack now?

[Aditya 🚀 @AdityaBarde8]

@shivi1026 MERN 🔥

[Aditya 🚀 @AdityaBarde8]

Always build with scalability in mind.

A simple example: design your form using a fields array instead of hard-coding every new field.
Small choices today save big refactors tomorrow.

[Aditya 🚀 @AdityaBarde8]

@iamweirdwarwick Node.js 🔥

[Aditya 🚀 @AdityaBarde8]

What's your first choice for back-end?

[Aditya 🚀 @AdityaBarde8]

@KritikaSaini23 I started my DSA journey with C++. But I would suggest Java. Resources are easily available and it also helps in actual development.

[Aditya 🚀 @AdityaBarde8]

@csaba_kissi I am type 1 🙂

[Aditya 🚀 @AdityaBarde8]

@sevalla_hosting 😅😅

[Shefali @Shefali__J]

5 Websites Every CSS Developer Should Know🔥

Open this 🧵
Bookmark for later🔖

[Aditya 🚀 @AdityaBarde8]

@karankendre No buddy if you know how to center a div😅

[Aditya 🚀 @AdityaBarde8]

@denicmarko https://t.co/SiMnuEg4cm

[Jaydeep @_jaydeepkarale]

System Design was hard until I watched these videos

[Aditya 🚀 @AdityaBarde8]

Have you ever used weakmap or weakset?

[Shefali @Shefali__J]

Git Tip💡

You can use git stash command to temporarily save changes that are not yet ready to be committed.

This is handy when you need to switch branches or pull updates but want to save your current work without committing it.

[Aditya 🚀 @AdityaBarde8]

Default depth (1).
const arr1 = [1, 2, [3, 4]];
const flattenedArr1 =arr1.flat();
// [1, 2, 3, 4]

const arr2 = [1, 2, [3, 4, [5, 6]]];
const flattenedArr2 = arr2.flat(2);
// [1, 2, 3, 4, 5, 6]

[Aditya 🚀 @AdityaBarde8]

Have you ever used an array.flat() in #javascript?
👇🏻

[Aditya 🚀 @AdityaBarde8]

Syntax:
arr.flat([depth])

arr: The array to be flattened.

depth (optional): The level of nesting to flatten. It defaults to 1 if not provided. To flatten all levels of nesting, you can pass Infinity.