Focusing

Zehan Khan zehan12

Focusing

Sr. Software Engineer & Frontend Tech Lead ( 3 YOE )

zehan12 / dependency_inversion_principle.js

Created October 18, 2024 20:32

zehan12 / interface_segregation_principle.js

Created October 18, 2024 20:27

	class DeliveryService {
	deliverOrder() {
	console.log("Delivering order...");
	}
	}

	class PaymentService {
	processPayment() {
	console.log("Processing payment...");
	}

zehan12 / liskov_substitution_principle.js

Created October 18, 2024 20:10

	class Notification {
	send(message) {
	console.log(`Sending notification: ${message}`);
	}
	}

	class EmailNotification extends Notification {
	send(message) {
	console.log(`Sending email: ${message}`);
	}

zehan12 / open_closed_principle.js

Last active October 18, 2024 20:02

	class Payment {
	constructor(strategy) {
	this.strategy = strategy;
	}

	pay(amount) {
	this.strategy.processPayment(amount);
	}
	}

zehan12 / single_responsibility_principle.js

Last active October 18, 2024 19:43

	class User {
	constructor(name) {
	this.name = name;
	}
	}

	class UserRepository {
	save(user) {
	console.log(`Saving ${user.name} to the database.`);
	}

zehan12 / reactReduxHooks.tsx

Created September 20, 2024 08:38

	import { useSelector, useDispatch } from "react-redux";

	function MyReduxComponent() {
	const count = useSelector((state) => state.counter);
	const dispatch = useDispatch();

	return (
	<div>
	<p>Count: {count}</p>
	<button onClick={() => dispatch({ type: "INCREMENT" })}>Increment</button>

zehan12 / componentWillUnmount.tsx

Created September 20, 2024 08:37

	import React, { useEffect } from "react";

	function MyComponent() {

	useEffect(() => {
	// Set up some side effect here, such as an event listener
	window.addEventListener("resize", handleResize);
	// Cleanup when the component unmounts
	return () => {
	window.removeEventListener("resize", handleResize);

zehan12 / componentDidUpdate.tsx

Created September 19, 2024 19:45

	import React, { useEffect, useState } from "react";

	function MyComponent() {
	const [count, setCount] = useState(0);

	useEffect(() => {
	// This is similar to componentDidUpdate
	console.log(`Component updated, current count: ${count}`);

	// Conditionally trigger updates to avoid infinite loops

zehan12 / componentDidMount.tsx

Last active September 19, 2024 19:43

	import React, { useEffect, useState } from "react";

	function MyComponent() {
	const [data, setData] = useState(null);

	useEffect(() => {
	// This is similar to componentDidMount
	console.log("Component mounted");

	// API call

zehan12 / alphabet150.md

Created February 20, 2024 19:45 — forked from kamui-fin/alphabet150.md

An archive of the interview and system design playlists from alphabet150.com

Interview Course