Vaibhav Patel

Full Stack/Native Developer • Angular • React • Node • Flutter • MEAN • MERN • Automation • Safe Agile • Technology Enthusiast • Traveler

[Nikki Siapno @NikkiSiapno]

I wrote 35 articles for 35 system design concepts:

1) Microservices: https://t.co/1CpY04nNxb

2) Redis: https://t.co/YmMKgSvyVk

3) Event-driven architecture: https://t.co/QNUuf1JOy7

4) Database indexing: https://t.co/uNBq3oqmoS

5) Circuit breakers: https://t.co/1U81SrBokz

6) ACID vs BASE: https://t.co/a7nOyylUxk

7) Rate limiting: https://t.co/wr0UAh4sJm

PS - if you want a structured path, get my free 142-page System Design Handbook when you join my free weekly newsletter → https://t.co/rKYuAkfCSL

8) Observability: https://t.co/VjfECfyB9d

9) System design quality attributes: https://t.co/v9WJoUPevt

10) CAP theorem: https://t.co/ONwpduTOD1

11) Idempotency: https://t.co/2sItwlz1oe

12) REST APIs: https://t.co/9N3UHDtUyk

13) Sync vs Async: https://t.co/Pim4BeGD9G

14) Network protocols: https://t.co/tx7MlZQIwE

15) Change Data Capture (CDC): https://t.co/tgwwoTitCA

16) CI/CD pipelines: https://t.co/SM2YvhioIX

17). SSO (single sign-on): https://t.co/2kun4Q9K6N

18) JWT: https://t.co/Kuv7DAj6B9

19) gRPC: https://t.co/QwgTXr1N9z

20) Health checks vs heartbeats: https://t.co/r5SalP6CCh

21) API gateway vs load balancer vs reverse proxy: https://t.co/Tg3EhT60tU

22) HTTPS: https://t.co/wc3CQOsmPS

23) Load balancing algorithms: https://t.co/VCLCKOZzni

24) Database caching: https://t.co/23QdZATj2o

25) API protocols: https://t.co/2CEu4Wnhsv

26) CDN: https://t.co/MbaSzBnZPQ

27) Database types: https://t.co/T0tUF1xYPI

28) Message Queues: https://t.co/7Tz5sevNA8

29) Hashing vs encryption vs tokenization: https://t.co/7GfH69yVpL

30) Service Discovery: https://t.co/rcKkXkWWcX

31) Pub/Sub: https://t.co/HF0Zr5R4SK

32) Connection pooling: https://t.co/39SsEo4kk3

33) Forward proxy vs reverse proxy: https://t.co/0P6NM8kh8u

34) Consistent hashing: https://t.co/8d8o74EsaS

35) SQL vs NoSQL:https://t.co/oDTRpsnQUn

——

👋 PS: Get my free 142-page System Design Handbook when you join my free weekly newsletter.

Join 33,000+ engineers → https://t.co/cjSsAXhnsG

——

♻️ Repost to help others learn system design.

➕ Follow me ( Nikki Siapno ) to become good at system design.

[Movez @0xMovez]

This 30-min workshop by the creator of Claude Code will teach you more about vibe-coding than 100 YouTube video guides.

Bookmark it & give it 30 minutes today. This video will change the way you use Claude forever.

[Vaibhav Patel @VaibhavPatelDev]

@mikefutia Nano

[Aiden Bai @aidenybai]

just so we're clear:

Antigravity is a Windsurf wrapper

Windsurf is a VSCode wrapper

VSCode is an Electron wrapper

Electron is a Chromium wrapper

Chromium is a C++ wrapper

C++ is a C wrapper

C is an Assembly wrapper

Assembly is a Machine Code wrapper

Machine Code is a Binary wrapper

Binary is a Physics wrapper

Physics is a Math wrapper

Math is a Logic wrapper

Logic is a Philosophy wrapper

Philosophy is a Humans wrapper

Humans are a Carbon wrapper

Carbon is a Star-forged-matter wrapper

Stars are a Gravity wrapper

Gravity is… definitely not an Antigravity wrapper

[Vaibhav Patel @VaibhavPatelDev]

@gaurav_mahto18 @Google @GeminiApp @OfficialLoganK @Replit @amasad Portfolio

[HakunaMatata @dhanapal13]

@IndianTechGuide It depends on what you want to do.

[John Resig @jeresig]

I've been using @tan_stack Start for a new project and it's super good. The server functions completely replace the need for TRPC/GraphQL/REST, the middleware is composable and fully typed, and having TSRouter's nice typing and stateful search params is icing on the cake. A+!

[Appwrite @appwrite]

@jeresig @tan_stack It's React, the way it should be👌

Here's a little write-up about why devs are moving to Tanstack Start: https://t.co/wRmahF6PxV

[Nuxt @nuxt_js]

NuxtLabs UI is now Nuxt UI 💚

https://t.co/3WVQZTmVRg

[jhey ʕ•ᴥ•ʔ @jh3yy]

CSS Tip! ✨

You can make your component styles portable with container queries 😎

Change a card layout based on size 🔥
Remove button text when it's small 🤏

.card {container-type: inline-size;}
@ container (min-width: 50ch) {.info { grid-column: 2; }}

@CodePen link below 👇

[Csaba Kissi @csaba_kissi]

GitHub is full of gems for web developers. Standout out from 90% of others coders with these GitHub repositories. 🧵👇

[Steve (Builder.io) @Steve8708]

My personal likes/dislikes of the popular frameworks:

React: I love TSX and hooks.
Dislike: useEffect, callback arrays, and over pushing immutability.

Vue: I love SFCs, simple proxy-based mutable state management.
Dislike: would like to see a solution to having less client-side JS (maybe something is in the works)?

Svelte: love the simple templating, automated reactivity.
Dislike: doesn't handle observing deep data mutations well.

Angular: love directives, first class TS support from the beginning.
Dislike: Dirty checking (soon will get signals tho), opinionated tooling.

Solid: love signals and the reactivity model.
Dislike: needs more ecosystem (WIP)

Qwik: love the performance, TSX, useStore() and useTask() hooks.
Dislike: needs more ecosystem (WIP)

Yes yes I know "React is a library not a framework!". I would debate this as of late, but regardless you get the idea.

Also note that overall I think these are all phenomenal projects from incredible teams. These are purely my nitpicks.

Context for all of this is we are taking a deep look at what people like and dislike form these great frameworks to make sure we design @QwikDev's APIs as cleanly as possible.

From asking a few recent Qs I think this aligns decently with people's perceptions, but where do you agree/disagree?

[Nx @NxDevTools]

What a massive release!
🚀 Nx @vite_js Plugin
🧍‍♀️ Standalone Projects
📈 Task Graph Visualization
👉 Root-level Scripts
👨‍💻 Add Nx to non-monorepo Projects

And so much more!
👉 https://t.co/2a4a5hgqMC

[Angular @angular]

Standalone APIs are out of developer preview! ✅

https://t.co/130ea2JIS6

[Angular @angular]

Angular v15

✅ Standalone components are stable!
🌲 More tree-shakable standalone APIs
🎆 `NgOptimizedImage` with @ChromiumDev
🕸 Improved stack traces for the web with @ChromeDevTools
🖼 Angular Material MDC Components
🎨 Directive composition API

https://t.co/jQeiwBuN99

[Harsh Makadia @MakadiaHarsh]

4. Resume Worded

• Upload your resume and an AI developed by the experts will provide feedback in 30 seconds.

• Assisted with LinkedIn profile improvement to secure five times as many interviews.

🔗 https://t.co/NT88HCE2vy

[Angular @angular]

In less than 14 minutes, you can learn how to reduce the bundle size of your Angular Application, including:

🌳 what tree-shaking is
👝 the structure of production bundles
👩‍💻 how to use code splitting and find suboptimal imports

https://t.co/8WVfkJpJM8

[Angular @angular]

Angular v15 will bring user interface code reuse to another level with the new Directive Composition API!

Check the sneak peek below and stay tuned for the docs coming in v15 this fall 🔥

#ngconf2022Announcements

[Hrush Bhatt @hrushb]

A History of User Interfaces:
https://t.co/DAmmRBufrz

[Vaibhav Patel @VaibhavPatelDev]

@ImZackAdams The meeting is canceled