Sai Praneetha

[Sai Praneetha @sai_praneetha_]

@goyal__pramod @joindimension All the to new beginnings and doing things that will make you happy ❤️✨

[Sai Praneetha @sai_praneetha_]

@brumoema My fav is to listen to true crime:)

[Sai Praneetha @sai_praneetha_]

My Instagram feed always remind me how much of a TFI banisa I am🤚🤚

[Sai Praneetha @sai_praneetha_]

(8/8)
So my key takeaways are:

1. Always return new state objects
2. Think before using .push()
3. Understand event flow
4. When in doubt, console.log the event

What's your worst state mutation bug story? 👇

[Sai Praneetha @sai_praneetha_]

State Mutation & Event Propagation in React- cause me a lot of situations where I was stuck, and could not get out of it:(

Here's a thread about best practices and how you can avoid bugs!

[Sai Praneetha @sai_praneetha_]

(7/8)
Quick cheatsheet I keep handy:

1. event.stopPropagation()
- Stops bubbling up
- Use for: modals, dropdowns

2. event.preventDefault()
- Stops default browser behavior
- Use for: forms, links

Sometimes you need both!

[Sai Praneetha @sai_praneetha_]

(9/9)
Key Takeaways:

1. Patterns are solutions, not rules
2. Modern JS sometimes needs modern patterns
3. Consider maintenance & testing
4. Performance always matters

[Sai Praneetha @sai_praneetha_]

☕️ Code & Coffee Tuesday!

Let's dive into JavaScript Design Patterns - the blueprints that make our code cleaner, more maintainable, and scalable!

No fancy project today, just sticking to the basics🧵

[Sai Praneetha @sai_praneetha_]

(8/9)
When to Use What:

- Factory: Complex object creation
- Observer: Event-driven architecture
- Module: Code organization
- Singleton: Shared resources (carefully!)
- Strategy: Swappable algorithms
- Command: Action queueing/undo