Faisal Akbar

Full Stack Problem Solver | Data Storyteller | Bridging Code, Data, and Ideas

[Faisal Akbar @_Faisal_Akbar]

@raycast @nuphystudio I favorite one is cmd + space

[Raycast @raycast]

Sold out in 5 hours 🤯

If you missed it, we're giving away 3 Raycast keyboards.

To enter:
1️⃣ Follow @raycast and @nuphystudio
2️⃣ Repost this tweet
3️⃣ Reply with your favorite shortcut

We'll pick 3 winners on Monday. Good luck!

[Faisal Akbar @_Faisal_Akbar]

@reinink Need access, GitHub faisal-akbar

[Faisal Akbar @_Faisal_Akbar]

@aidenybai

[Faisal Akbar @_Faisal_Akbar]

@fuma_nama Looking for a blog layout

[Faisal Akbar @_Faisal_Akbar]

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

[Faisal Akbar @_Faisal_Akbar]

@aidenybai @sumit_analyzen
@tapasadhikary
@JoshWComeau

[Faisal Akbar @_Faisal_Akbar]

💡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

[Faisal Akbar @_Faisal_Akbar]

💡JavaScript Tips:
Nullish Coalescing vs Logical OR

[Faisal Akbar @_Faisal_Akbar]

@_trish_07 C

[Faisal Akbar @_Faisal_Akbar]

@venelinkochev Same here

[Faisal Akbar @_Faisal_Akbar]

Common use cases for stacks include:
- Function call management (call stack)
- Undo/Redo operations
- Expression evaluation
- Browser history
- Syntax parsing

[Faisal Akbar @_Faisal_Akbar]

🚀 Understanding Stack Data Structure

A Stack is a linear data structure that follows LIFO (Last In First Out).

Think of it like a stack of plates - you can only:
1. Add (push) a plate to the top
2. Remove (pop) a plate from the top
3. Look at (peek) the top plate without removing it

[Faisal Akbar @_Faisal_Akbar]

The implementation I provided includes all basic stack operations:
- push(): Add element to top
- pop(): Remove and return top element
- peek(): View top element without removing
- isEmpty(): Check if stack is empty
- getSize(): Get number of elements
- clear(): Remove all elements

[Faisal Akbar @_Faisal_Akbar]

@nonzeroexitcode Nice work

[Faisal Akbar @_Faisal_Akbar]

@the_codewala Terminal

[Faisal Akbar @_Faisal_Akbar]

Key benefits:
● Building reusable components with default styles
● Allowing style overrides via props
● Handling conditional classes
● Ensuring Tailwind classes don't conflict

[Faisal Akbar @_Faisal_Akbar]

Explanation of cn utility function from #shadcn/ui
The cn function combines two popular utilities:

1️⃣clsx - For conditionally joining CSS class names
2️⃣tailwind-merge - For merging Tailwind CSS classes intelligently, removing conflicts

[Faisal Akbar @_Faisal_Akbar]

Here's a practical example: