Post

@Microsoft

@GitHub

@GitHub

@juanpflores_

@GitHub

@Hackathons_UK

@GitHub

@GitHub

@GitHub

@GitHub

@GitHub

@GitHub

@LiamCHampton

@LiamCHampton

@Rayane_T02

https://twitter.com/liamchampton/status/1553324214970683394

@__obscura__

@GitHub

@nik_john7

@threadreaderapp

More from @praveenscience

Praveen Kumar Purushothaman

@praveenscience

Jan 6

🚀 Master the Most Asked ReactJS Scenarios: A Must-Try Guide for Learners and Interview Prep! 💻

Are you learning ReactJS or gearing up for a React interview? 🎯

Here’s a comprehensive list of 40+ essential React scenarios that will take your skills to the next level.
🚀

From fundamental concepts to advanced techniques, this guide has you covered! 💪🏻

Dynamic Rendering & Data Binding

1️⃣ How do you display dynamic HTML data in React?
2️⃣ Sending data from a parent component to a child component – what’s the approach?
3️⃣ How do you call a parent component's method from a child component?
4️⃣ Accessing the DOM element – what are the best practices?
5️⃣ How to bind arrays or objects to a dropdown in React?

Performance Optimisation & Conditional Rendering

6️⃣ Implement lazy-loaded components for faster rendering.
7️⃣ Display user-entered data dynamically in another textbox.
8️⃣ Looping through arrays or objects – best practices.
9️⃣ How do you conditionally render elements or text?
🔟 Changing styles dynamically based on conditions.

Form Handling & Interactivity

1️⃣1️⃣ Show or hide data conditionally in your UI.
1️⃣2️⃣ Binding arrays or objects to radio buttons.
1️⃣3️⃣ Displaying selected radio button values in a textbox.
1️⃣4️⃣ Triggering methods when a component renders for the first time.

State Management Simplified

1️⃣5️⃣ Looping through keys and values in objects.
1️⃣6️⃣ Re-rendering components on value changes.
1️⃣7️⃣ Calling methods on every re-render.
1️⃣8️⃣ Adding data to useState arrays in functional components.

Practical Implementations

1️⃣9️⃣ Create a search box filter.
2️⃣0️⃣ Build a counter component using useState.
2️⃣1️⃣ Take it up a notch with a counter using useReducer.

Continued in the next one...

Practical Implementations

1️⃣9️⃣ Create a search box filter.
2️⃣0️⃣ Build a counter component using useState.
2️⃣1️⃣ Take it up a notch with a counter using useReducer.
2️⃣2️⃣ Enable/disable a textbox in a child component based on parent button clicks.
2️⃣3️⃣ Master debouncing to improve performance.
2️⃣4️⃣ Fetch data from an API and display it dynamically.

Advanced React Concepts

2️⃣5️⃣ Force a re-render without using useState.
2️⃣6️⃣ Trigger actions immediately after state updates or re-renders.
2️⃣7️⃣ Implement a character counter for textareas using useRef.
2️⃣8️⃣ Create dynamic dropdowns (e.g., states based on selected country).
2️⃣9️⃣ Ensure type safety with prop-types.

Context & Hooks

3️⃣0️⃣ Share data seamlessly with the Context API.
3️⃣1️⃣ Optimise performance using useMemo.
3️⃣2️⃣ Simplify callbacks with useCallback.
3️⃣3️⃣ Build an error boundary to handle unexpected issues.

Miscellaneous Must-Knows

3️⃣4️⃣ Display dropdown selections in another field.
3️⃣5️⃣ Understand pure components and when to use them.
3️⃣6️⃣ Differentiate between controlled and uncontrolled components.
3️⃣7️⃣ Craft a custom hook for reusability.
3️⃣8️⃣ Create a popup using portals.

Lifecycle & Beyond

3️⃣9️⃣ Which class lifecycle methods are replaced by useEffect?
4️⃣0️⃣ Build a pagination component for large datasets.
4️⃣1️⃣ Safeguard your application – key strategies.
4️⃣2️⃣ Explore React Suspense and Lazy Loading for enhanced performance.

🔑 Mastering these scenarios will not only sharpen your React skills but also boost your confidence for interviews and real-world projects. Which one do you want to try first? Let me know in the comments! 🚀💬

Feel free to bookmark and share this with fellow React enthusiasts. Let’s grow together! 🌱

Check out my LinkedIn post for the same! 🚀

Master the Most Asked React JS Scenarios: A Must-Try Guide for Learners and Interview Prep! 💻

linkedin.com/feed/update/ur…

Read 5 tweets

Praveen Kumar Purushothaman

@praveenscience

Dec 6, 2024

Hey all, checking out the amazing event space here! 🤩

Met @HaimantikaM and a lot others! 💪🏻🥹

@DevRelCon #DevRelCon #DevRelConBlr

Say hi to our very own amazing DevRels @siddharth_hacks and @adityaoberai1! 🤩

@DevRelCon #DevRelCon #DevRelConBlr

Met really amazing people too! 🤩And welcome to @CatsIn_Tech! 😻

Khushi Trivedi
Aastha Gupta
Sharu Hampali
Ritvi Mishra

@DevRelCon #DevRelCon #DevRelConBlr

Read 32 tweets

Praveen Kumar Purushothaman

@praveenscience

May 1, 2024

🚀 30 Days of JavaScript & TypeScript 🚀

Starting a #LinkedIn series covering 30 awesome code blocks over 30 days! TypeScript is becoming the industry standard for Front End—thanks, @Microsoft! 🗔

Follow along for code snippets, explanations, and real-world use cases. 💻

Perfect for Front End developers who want to level up their skills! Check out my first post tomorrow. 🎉

#JavaScript #TypeScript #FrontEnd #Microsoft

Here the series starts! 💯
linkedin.com/feed/update/ur…

Day 1 of my 30-day #JavaScript & #TypeScript series! 👋🏻

Learn how to shuffle an array using the Fisher-Yates algorithm. 🔀

Perfect for randomising quizzes, shuffling decks, or rearranging lists. 🚀

Check out the LinkedIn Post for more details! 💻

#Coding #Tech #FrontEnd #30DaysOfJSTS #30DaysOfJSTSPrav

Read 64 tweets

Praveen Kumar Purushothaman

@praveenscience

Mar 16, 2024

Hey folks, so I’m here at the #GDGLondon’s International Womens’ Day event at #Huckletree Shoreditch, #London! 🤩

Met @sureshchouksey and Ravi Gautam here. 👋🏻

Who’s ready for an amazing thread of events? 🧵

@GDG_London #GDGLondon #WTMLondon #IWDLondon24

Got my cool swag bag to start with! 👚 What an amazing way to start the day with! 🤩

@GDG_London #GDGLondon #WTMLondon #IWDLondon24

How can I forget to geek out with @EddieJaoude bro! 🤗🫂

@GDG_London #GDGLondon #WTMLondon #IWDLondon24

Read 44 tweets

Praveen Kumar Purushothaman

@praveenscience

Mar 8, 2024

Folks, I am here at @Amazon #AWS #WomensDay Event at Principal Place, #London hosted by #CityJS #JSMonthly! 💪🏻

Amazing welcome from @xjamundx and yay, I found my #Amazon Plushie! 🐻

Who's up for an amazing thread? 🧵

Stickers, food and goodies! 🤩❤️

#Amazon @Amazon #CityJS #JSMonthly #London

Made some amazing friends because of my tee shirt! 😁👚

#Amazon @Amazon #CityJS #JSMonthly

Read 15 tweets

Praveen Kumar Purushothaman

@praveenscience

Oct 19, 2022

@Yugabyte

Hello hello London! 👋🏻 We’re at IET Savoy Place, London for DSS London 2022 by #YugaByteDB. It’s gonna be super interesting tech session starting at 2 pm today! Don’t miss my #Live #Tweets in this #thread! 🤩🧵
@Yugabyte #DSS22 #DistributedSQL #PraveenScience

@Yugabyte

Yes, the setup is going on for the grand presentation of the #Tech #Track. The master is teaching the student here! #JustKidding Say hi to Julie Wise and Dave Roberts from #YugaByteDB! 👋🏻

@Yugabyte #DSS22 #DistributedSQL #PraveenScience

@rachel_pescador

We’ve got our Social Media / Content Director @rachel_pescador from #YugaByteDB here, who’s busy at work and got some cool #swag! 🤩

@Yugabyte #DSS22 #DistributedSQL #PraveenScience

Read 19 tweets

Share this page!

Enter URL or ID to Unroll

Praveen Kumar Purushothaman

Try unrolling a thread yourself!

More from @praveenscience

Praveen Kumar Purushothaman

Praveen Kumar Purushothaman

Praveen Kumar Purushothaman

Praveen Kumar Purushothaman

Praveen Kumar Purushothaman

Praveen Kumar Purushothaman

Did Thread Reader help you today?

Don't want to be a Premium member but still want to support us?

Send Email!