Faisal Akbar @_Faisal_Akbar

Full Stack Problem Solver | Data Storyteller | Bridging Code, Data, and Ideas dsfaisal.com New York, NY Joined July 2014

Tweets

104
Followers

115
Following

1K
Likes

891

Faisal Akbar @_Faisal_Akbar

8 months ago

💡JavaScript Tips: Remove duplicates using Set: const unique = [...new Set([1, 2, 2, 3, 3, 4])] // [1, 2, 3, 4]

0 0 2 189 0

💡JavaScript Tips: Optional Chaining for Safe Property Access const user = { address: { street: "123 Main St" } } // Old way const street = user && user.address && user.address.street // Modern way const street = user?.address?.street

0 0 3 187 0

Faisal Akbar @_Faisal_Akbar

8 months ago

💡JavaScript Tips: Nullish Coalescing vs Logical OR

0 0 2 223 0

Download Image

Faisal Akbar @_Faisal_Akbar

8 months ago

What's the best tool to automatically detect and remove bot followers on X?

0 0 2 106 0

Faisal Akbar @_Faisal_Akbar

8 months ago

🚀 useTransition() - The performance hook you need: • Non-blocking state updates • Background processing • Loading state management • Concurrent rendering ready #react

0 0 0 42 0

Faisal Akbar @_Faisal_Akbar

8 months ago

🎯 useEffect Cleanup Cheatsheet: • Timers: clearInterval • Events: removeEventListener • Subscriptions: unsubscribe • Connections: disconnect • API: cancel request Always clean what you create! 🚀 Why useEffect Cleanup? No cleanup = Memory leaks Missing cleanup = Bugs…

0 0 0 67 0

Faisal Akbar @_Faisal_Akbar

8 months ago

🚀 React Hooks: useEffect vs useLayoutEffect useEffect: • Runs after paint • Async, non-blocking • Use for: data fetching, subscriptions • Default choice for most cases useLayoutEffect: • Runs before paint • Sync, blocking • Use for: DOM measurements, preventing flickers…

0 0 1 63 0

Faisal Akbar @_Faisal_Akbar

8 months ago

🎯 Let's understand useEffect's dependency array in React:

0 0 1 54 0

Download Image

Faisal Akbar @_Faisal_Akbar

8 months ago

🎯 useEffect() Simplified: // Run once useEffect(() => {}, []) // Run on changes useEffect(() => {}, [data]) // Run & cleanup useEffect(() => { return () => cleanup() }, []) No magic, just timing! #ReactJS #javascript

0 0 1 35 0

Faisal Akbar @_Faisal_Akbar

8 months ago

🔍 useRef() Cheat Sheet: const ref = useRef(initialValue) 3 Things to Remember: • It's mutable (ref.current) • Changes are instant • Won't trigger re-renders Perfect for: 📍 DOM references ⏱️ Timers 🗃️ Previous values #React #JavaScript

0 0 1 34 0

Faisal Akbar @_Faisal_Akbar

8 months ago

🎓 React useState() Cheatsheet: const [data, setData] = useState(initialValue) 3 Rules to Remember: 1. State updates trigger re-renders 2. State updates are async 3. Previous state? Use callback: setData(prev => prev + 1) #react #javascript

0 0 0 27 0

Faisal Akbar @_Faisal_Akbar

8 months ago

🧸 useState() explained to a 5-year-old: It's like a toy box: - box = your state - toys = your data - replacing toys = setState When you put in new toys (setState), React shows everyone your new toys (re-render)! #React #javascript