Marwan Shehata MarwanShehata

🎯

"Luck is what happens when preparation meets opportunity.", Seneca

15 followers · 109 following

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

MarwanShehata / raceConditions

Created August 10, 2024 14:44

[https://www.youtube.com/watch?v=9LFNX5p0W-4](url)

	function slow(id, cb) {
	setTimeout(function () {
	cb(null, id)
	}, Math.random() * 3000)
	}

	let promises = []
	for (let i = 0; i < 3; i++) {
	const prom = new Promise((resolve, reject) => {
	slow(i, function (err, res) {

MarwanShehata / modal

Last active April 20, 2024 02:17

In this challenge you'll be adding a modal experience to the app. The user needs to be able to open the modal and then close it either by clicking the close icon in the modal itself, or by clicking anywhere outside of the modal. You'll need both c

MarwanShehata / countryCode

Last active April 19, 2024 05:15

The `ignore` variable in your code serves as a flag to prevent state updates after an asynchronous operation (in this case, fetching country data) has completed, especially when the component might have been unmounted or the state might have been upd

	import {
	createContext,
	memo,
	useCallback,
	useContext,
	useEffect,
	useId,
	useLayoutEffect,
	useMemo,
	useReducer,

MarwanShehata / reset.css

Created March 27, 2024 07:13

	/*
	Josh Comeau Reset https://www.joshwcomeau.com/css/custom-css-reset/ with my tweaks
	*/
	*,
	*::before,
	*::after {
	box-sizing: border-box;
	}
	* {
	margin: 0;

MarwanShehata / coercionProtection

Created March 3, 2024 12:08

You can implement custom behaviors for operators and methods using Symbols. For example, you can use the Symbol.toPrimitive well-known symbol to define how an object should be converted to a primitive value

	const obj = {
	[Symbol.toPrimitive]: function (hint) {
	if (hint === "number") {
	return 42;
	} else if (hint === "string") {
	return "Hello";
	} else {
	return true;
	}
	},

MarwanShehata / serializationSymbols

Created March 3, 2024 11:44

Metaprogramming (Advanced): Symbols can be used for advanced metaprogramming techniques like property name creation and dynamic property access. However, these use cases are less common and typically require a deep understanding of JavaScript intern

	const serializableSymbol = Symbol.for("serializable");

	class User {
	constructor(name) {
	this.name = name;
	this[serializableSymbol] = ["name", "age"]; // Mark 'name' and 'age' for serialization
	}

	getSerializableProperties() {
	const properties = [];

MarwanShehata / enums

Created March 3, 2024 11:16

	const obj = {
	[Symbol("my_key")]: 1,
	[Symbol("second_key")]: 2,
	enum: 3,
	nonEnum: 4,
	};

	Object.defineProperty(obj, "nonEnum", {
	enumerable: false,
	});

MarwanShehata / binarySearch

Created January 7, 2024 04:06

	function binarySearch(list, item) {
	let min = 0;
	let max = list.length - 1;
	let guess;

	while (min <= max) {
	guess = Math.floor((min + max) / 2);
	if (list[guess] === item) {
	return guess;
	} else {

MarwanShehata / Accumulator

Last active January 6, 2024 14:43

	function joinElements(arr, joinString) {
	function recurse(i, resultSoFar) {
	resultSoFar += arr[i];
	console.log(resultSoFar);
	if (i === arr.length - 1) {
	return resultSoFar;
	} else {
	return recurse(i + 1, resultSoFar + joinString);
	}
	}

MarwanShehata / Memoi

Last active January 6, 2024 09:47

Memoization with closures from FrontEndMasters algo course


	const memoizedClosureTimes10 = () => {
	let cache = {};
	return (n) => {
	if (n in cache) {
	console.log(`Fetching from cache: ${n}`);
	return cache[n];
	} else {
	console.log(`Calculating result~~`);
	let result = n * 10;

Newer Older


	export default function App() {
	const [isOpen, setIsOpen] = React.useState(false);
	const ref = React.useRef(null);

	React.useEffect(() => {
	if (isOpen === true) {
	const handleEvent = (e) => {
	const element = ref.current;
	if (element && !element.contains(e.target)) {