Dev Dastan

5 Core Pillars of System Design


Designing systems is one thing, but mastering the principles that guide their creation is where the real magic happens.


Availability Ensures systems are up and running.
Trade-off: Complexity vs. uptime.


Scalability Handles growing loads efficiently.
Trade-off: Cost vs. performance.


Reliability Guarantees consistent performance.
Trade-off: Redundancy vs. simplicity.


Maintainability Eases updates and debugging.
Trade-off: Initial effort vs. long-term gains.


Performance Optimizes speed and responsiveness.
Trade-off: Resources vs. user experience.



➖➖➖➖➖➖
Article: [here]
➖➖➖➖➖➖
#systemDesign #softwareEngineering


Follow @devDastan for more content.

What is the Model Context Protocol (MCP)?


MCP is an open standard developed by Anthropic that standardizes how AI applications, particularly large language models (LLMs), connect to external data sources and tools. It simplifies integrations by providing a universal protocol, like a USB-C for AI, enabling secure, scalable, and context-aware interactions without custom APIs for each tool or data source.


AI assistants have entered their intern era. They'll ace any single task you throw at them—analyzing PDFs, generating SQL, cracking dad jokes about Kubernetes—but ask them to coordinate across Slack, Gmail, and Jira? Now you're debugging a Rube Goldberg machine of API keys.


Anthropic's Model Context Protocol (MCP) aims to standardize this mess. For users, it means connecting AI models to your Figma file and Linear tickets without needing a CS degree. For developers, it means fewer "why is the model just returning goat emojis" moments.


➖➖➖➖➖➖
Article: [here]
➖➖➖➖➖➖
#AI #LLM #MCP


Follow @devDastan for more content.

JavaScript Quiz

What is the event.target when clicking the button?

<div onclick="console.log('first div')">
  <div onclick="console.log('second div')">
    <button onclick="console.log('button')">
      Click!
    </button>
  </div>
</div>



Outer div
Inner div
button
An array of all nested elements.

Answer:
The deepest nested element that caused the event is the target of the event. You can stop bubbling by event.stopPropagation


➖➖➖➖➖➖
#JavaScript #Quiz


Follow @devDastan for more content.

Powerful Practices Every New Developer Should Adopt


Get Down with the Mechanics of Coding 🛠

Develop a Problem-Solving Mindset 🧠

Code Every Day 💻

Embrace Version Control Systems 📁

Explore Open Source Projects 🔓

Regularly Refactor Your Code 🔄

Learn to Read Documentation Effectively 📚

Stay Curious About New Technologies 🌐 BEFORE: or .. between two numbers

Network with Other Developers 🤝

Balance Learning with Practical Application ⚖️


➖➖➖➖➖➖
Article: [here]
➖➖➖➖➖➖
#softwareEngineering #softSkill


Follow @devDastan for more content.

Habits Of Great Software Engineers

Focusing beyond the code
As a developer you will code 20% of your time. You should excel at coding nonetheless, but it won't be enough to be great

Efficiency / Antifragility
Making sure everything around you runs smoothly and has forward momentum

Joy of tinkering
Build projects, try out frameworks, build stuff on the side. Keeps the spark alive

Knowing the why
It's important to know why your code does what it does, too many abstractions nowadays that rarely someone thinks below the level of their language e.g JS devs not thinking about the engine that runs their code


Thinking in systems
Knowing how your code impacts not only your individual system but other parts of the business/application/life


Tech detox
Recharging away from your monitor makes you a better programmer


The art of approximation
Knowing important tech numbers to approximate calculations when making decisions when programming


➖➖➖➖➖➖
Article: [here]
YouTube Video: [here]
➖➖➖➖➖➖
#softwareEngineering #softSkill


Follow @devDastan for more content.

TypeScript Tips and Tricks Series (Part 4)

Previous Parts: [part 1 | Part 2 | Part 3]

Mapped Types

Transform existing types by applying operations to each property. Useful for adding prefixes/suffixes to properties, creating key-value pairs from objects, etc.

interface User {
  name: string;
  age: number;
}

type ReadOnly<T> = { readonly [P in keyof T]: T[P] };

const readOnlyUser: ReadOnly<User> = {
  name: 'Kurt',
  age: 27
};

// readOnlyUser.name = 'Chester';
// Error: Cannot assign to 'name' because it is a read-only property

Use Case:
Useful for manipulate and transform data from the API or before passing data to another component, with different data types.

➖➖➖➖➖➖
#TypeScript

Follow @devDastan for more content.