Bilal Dif

Senior Frontend Engineer 😜
Founder of @onepin_io

[Bilal Dif @infoo89]

Maturity is when you don't force people to choose you.

[Bilal Dif @infoo89]

@DanielSmidstrup https://t.co/UUTY4bRDJt
Commit to one thing, simplify your path, and get it done.

[Bilal Dif @infoo89]

Engineers often over-optimize for "single source of truth" and end up creating tiny shared packages that add complexity without much benefit.

[Bilal Dif @infoo89]

@stats_feed Killing kids

[Bilal Dif @infoo89]

10. Best Practices
✅ Lazy-load heavy, rarely used components.
✅ Use route-level splitting (natural in Next.js).
✅ Add good fallbacks (spinners, skeletons).
✅ Measure with bundle analyzer, don’t guess.
✅ Don’t over-split into too many small chunks → can hurt performance.

[Bilal Dif @infoo89]

Code-Splitting & Lazy Loading (React / Next.js)
All you need to know as senior Frontend.
Thread🧵:

[Bilal Dif @infoo89]

9. When to Start Lazy Loading? (Bundle Size Rules)
- Aim for <200 KB gzipped initial JS.
- 150–300 KB: start lazy-loading heavy optional components.
- >300 KB: strong candidate for code-splitting.
Lazy load libraries/components >30–50 KB gzipped if not needed immediately.

[Bilal Dif @infoo89]

@vercel Genocide supports

[Bilal Dif @infoo89]

@SalesforceVC @vercel @rauchg Genocide supports

[Bilal Dif @infoo89]

@AlarabyTV و العدوان الاسرائيلي على فلسطين؟

[Bilal Dif @infoo89]

@MofaQatar_AR هذه أموالكم ردها اليكم ترامب

[Bilal Dif @infoo89]

@iSalahSafi قناة العربية

[Kamran Ahmed @nilbuild]

Everything I know about good API design

https://t.co/MnZI3u8lfR