Lightnews — Scholar-powered news

Fahim khan

@morfes.bsky.social

11 followers 5 following 42 posts

Posts Media Videos Starter Packs

Pinned

Fahim khan @morfes.bsky.social · Jul 26

fahim.shonif.com

#Protfolio #freelance #openToWork #webdev #MEAN #MERN #programming

Fahim Khan | Senior Software Consultant | React & Node.js Expert | Dubai

Senior Software Consultant specializing in React, Node.js, and cloud solutions. Currently at Presight AI, Dubai. Available for freelance projects and full-time opportunities globally.

fahim.shonif.com

Fahim khan @morfes.bsky.social · Sep 16

One of the key components of designing a distributed system is deciding when the “distributed” part is actually unnecessarily complex.
#SystemDesign #DistributedSystems #SoftwareArchitecture #TechLeadership #EngineeringDecisions #SimplicityMatters #DesignTradeoffs #ComplexityManagement

Fahim khan @morfes.bsky.social · Aug 29

Which old sayings are true and which are myths?
Do snice guys finish last? Or first?
A quitters never win? Or is stubbornness the real enemy?
Does confidence rule the day? When is it just a delusion?

#LeadershipMyths #SuccessTruths #ConfidenceVsDelusion #CareerWisdom #MindsetMatters #GrowthMindset

Which old sayings are true and which are myths? Do snice guys finish last"? Or first? A
Do quitters never win? Or is stubbornness the real enemy? Does confidence rule the day? When is itjust delusion?

Fahim khan @morfes.bsky.social · Aug 22

MeteorJS walked so Next.js could run.
#webdevelopment #JavaScript #MeteorJS #Nextjs #FullStack #TechEvolution #ReactJS #ModernWeb #SoftwareEngineering #StartupTech #Innovation

Fahim khan @morfes.bsky.social · Aug 21

ETag in HTTP empowers smarter caching! By allowing servers to signal resource changes, it prevents redundant downloads and saves bandwidth for both users and providers. Optimize your APIs with ETags for speed and efficiency. #WebDevelopment #HTTP #APIPerformance

const express = require('express');
const app = express();

// Enable built-in ETag handling
app.set('etag', 'strong');

app.get('/data', (req, res) => {
const responseData = JSON.stringify({ message: 'Hello World' });
res.send(responseData);
});

app.listen(3000, () => {
console.log('Server running on port 3000');
});

Fahim khan @morfes.bsky.social · Aug 20

So I can't cash my service that responds with
status: 200
body: error

🥲

/s

Fahim khan @morfes.bsky.social · Aug 20

RPS from 1,000 RPS to 2,000 RPS. To understand why this is true, you can see that of the 2,000 inbound requests, 1,000 (50%) can be serviced by the cache, leaving 1,000 requests to be serviced by your serving layer.

Fahim khan @morfes.bsky.social · Aug 20

Imagine, if you will, that you have a request-serving layer that can handle 1,000 RPS. After 1,000 RPS, the system starts to return HTTP 500 errors to users. If you place a cache with a 50% hit rate in front of this request-serving layer, adding this cache increases your maximum

Fahim khan @morfes.bsky.social · Aug 20

Placing a cache in front of your service can double capacity with just a 50% hit rate. A system that supports 1,000 RPS can now handle 2,000 RPS—half the load served by the cache, half by the backend. A simple design choice, big scalability gains.
#SystemDesign #Caching #Scalability

Fahim khan @morfes.bsky.social · Aug 16

You can treat a buffer as a file in Rust using std::io::Cursor. This lets you read from and write to bytes just like you would with a file, making buffer manipulation seamless and more intuitive. Great for working with in-memory data! #RustLang #IoCursor #SystemsProgramming

$use std::io::{Cursor, Write, Read}; let mut cursor = Cursor::new(Vec::new()); cursor.write_all(b"data").unwrap(); cursor.set_position(0); let mut buf = [0; 4]; cursor.read_exact(&mut buf).unwrap(); println!("{}", String::from_utf8_lossy(&buf)); // Output: data$

Fahim khan @morfes.bsky.social · Aug 15

Every programming language has some flaws: it either has macros or it doesn't. #Programming #CodeLife #DevThoughts

Fahim khan @morfes.bsky.social · Aug 14

🚀 CSS @function lets you write custom functions for dynamic, reusable styles—like variables, but parameterized! Supported in Chrome 139+ only. It’s a game changer for design systems and utility CSS! #css #frontend #webdev #cssfunctions
Read more:
w3.org/TR/css-mixins-1/
una.im/5-css-functions/

/* Semi-transparent color using a custom function */
@function --opacity(--color, --opacity) {
result: rgb(from var(--color) r g b / var(--opacity));
}

/* CSS negation function */
@function --negate(--value) {
result: calc(-1 * var(--value));
}

.card {
--color: rgb(108, 20, 20);
background-color: --opacity(var(--color), 80%);
height: 100px;
width: 100px;
--gap: 1em;
padding: --negate(var(--gap));
}

1 1

Fahim khan @morfes.bsky.social · Aug 13

In Javascript You can enhance functions in two powerful ways: Proxies let you intercept calls dynamically, while decorators pattern wrap functions for extra behavior like logging. Both offer flexibility—choose based on your needs! #JavaScript #TypeScript #Decorators #Proxies #WebDev

function add(a: number, b: number) {
return a + b;
}

type Arguments<T extends Function> = T extends (...args: infer U) => any ? U : never;

const proxyAdd = new Proxy(add, {
apply: function (target, thisArg, argumentsList) {
console.log('proxy called');
return target.apply(thisArg, argumentsList);
}
})

const addLogging = <T extends Function>(func: T) => {
return function (...args: Arguments<T>) {
console.log('decorator called');
return func.apply(this, args);
}
}

const addLoggingAdd = addLogging(add);

addLoggingAdd(1, 2);

proxyAdd(1, 2);

1 1

Fahim khan @morfes.bsky.social · Aug 12

"Every line of code represents an ethical and moral decision."
—Robert C. Martin (“Uncle Bob”), from the chapter "Who Are We?" in We, Programmers: A Chronicle of Coders from Ada to AI
#CodeEthics #SoftwareCraftsmanship #UncleBob #WeProgrammers

Fahim khan @morfes.bsky.social · Aug 11

Made config changes in a running Docker container? Use docker commit to take a snapshot and create an image from its current state. Not ideal for production, but handy for quick backups and sharing tweaks in a pinch! #Docker #DevOps #Container #Snapshot #dockercommit

docker commit <container_id> <image_name>:<tag>

Fahim khan @morfes.bsky.social · Aug 10

Combine Docker’s HEALTHCHECK with the --restart flag for robust container monitoring! HEALTHCHECK tracks app status, while --restart always ensures automatic recovery—keeping services online with minimal effort. Perfect for seamless uptime! #Docker #Healthcheck #Restart #DevOps #Containers

$FROM node:alpine WORKDIR /usr/src/app COPY package*.json ./ RUN npm install COPY . . EXPOSE 3000 # Healthcheck: tries to GET /health every 30s, fails after 3 missed checks HEALTHCHECK --interval=30s --timeout=5s --retries=3 \ CMD curl -f http://localhost:3000/health || exit 1 CMD ["node", "app.js"]$ docker run --restart always -p 3000:3000 <your-image>

docker run --restart always -p 3000:3000 <your-image>

Fahim khan @morfes.bsky.social · Aug 9

CSS if() empowers you to run logic checks and conditionally style elements based on any property or attribute—like data-status—right in your CSS. Achieve dynamic UI states (error, pending, complete) without JS, making your styles smarter and context-aware! #css #logic #webdev

<style>
.card {
--status: attr(data-status);
background-color: if(
style(--status: pending): #eff7fa; style(--status: complete): #e8faed;
style(--status: error): #fae8e8; else: #f7f7f7
);
color: if(style(--status: error): #c00; else: #222);
}
</style>

<div class="card" data-status="pending">Pending</div>
<div class="card" data-status="complete">Complete</div>
<div class="card" data-status="error">Error</div>
<div class="card">Default</div>

Fahim khan @morfes.bsky.social · Aug 8

Unlock union types in TypeScript by using the all-powerful number keyword with array types! 🧠 Map any array's element types into a union, enabling flexible, type-safe utility functions. Level up your TS game! 🚀 #TypeScript #CodingTips #DevHacks #TypeSafety

type ArrayToUnion<T extends any[]> = T[number]

type MainParam = (string|number|boolean|bigint)[]

const main = (array:MainParam) => {
const top = array[0]
main2(top)
}

// const main2 = (head:string|number|boolean|bigint) => {
// console.log(head)
// }

const main2 = (head:ArrayToUnion<MainParam>) => {
console.log(head)
}

Fahim khan @morfes.bsky.social · Aug 7

TypeScript’s type system lets you extract inner types using infer and guide logic with conditional types. Think pattern matching for types! Combine both for powerful compile-time type transformations. 🔍💪 #TypeScript #Infer #ConditionalTypes #TypeLevelMagic #TSFeatures #DevTips

type Curry<F> = F extends (...args: [infer A, ...infer Rest]) => infer R
? (arg: A) => Curry<(...args: Rest) => R>
: F;

type Fn = (a: string, b: number) => number;
type Curried = Curry<Fn>;

// Result: (a: string) => (b: number) => number

Fahim khan @morfes.bsky.social · Aug 6

With TypeScript’s infer and mapped types, you can extract hidden types to make type-safe helpers for ORMs instead of using any. This helps create safer, smarter filter params. #TypeScript #infer #MappedTypes #TypeSafety #ORM #DevTips

// typeorm

type userFilter = MyParameters<User.find>

const foo = (arg1: string, arg2: number): void => { }

type MyParameters<T extends (...args: any[]) => any> = T extends (...args: infer P) => any ? P : never;

type FunctionParamsType = MyParameters<typeof foo> // [arg1: string, arg2: number]

Fahim khan @morfes.bsky.social · Aug 6

Mapped types: transform generic object keys into new types using key mapping and template literals. Recursively create new signatures per object key. Enables scalable, type-safe contracts at the type level. (see image)

#TypeScript #StaticTyping #MappedTypes

type Signal<T extends object> = T & {
onChange: (callback: Callback<T>) => () => void;
} & {
[K in keyof T as `on${Capitalize<string & K>}Change`]: (callback: (value: T[K], oldValue: T[K]) => void) => () => void;
} & {
[K in keyof T as `${string & K}AsSignal`]: T[K] extends object ? Signal<T[K]> : Signal<{value: T[K]}>;
}

Fahim khan @morfes.bsky.social · Aug 5

Bitwise logic cuts through noise.

Checks if `x` is a power of 2.
No loops. No divisions. Just truth in bits.

#programming #bitwise #javascript #softwareengineering #devthoughts #computerscience

Fahim khan @morfes.bsky.social · Aug 2

Directories in Linux are just files with a clever purpose: each contains pointers to other files and subdirectories, not “stuffed folders.” It’s all about data structure, not storage. Every time you ls, you’re just reading a file mapping, not opening a real container. #Linux #Tech

1 1 2

Fahim khan @morfes.bsky.social · Jul 31

Engineering is not about building for building's sake. It's the art of problem-solving, where building is merely the path—not the purpose.
#Engineering #Innovation #ProblemSolving #STEM #Quotes #Motivation #Technology #Inspiration

Fahim khan @morfes.bsky.social · Jul 30

"It is not worth the bother of killing yourself, since you always kill yourself too late."
— Emil Cioran, The Trouble with Being Born