https://abdellahcodes.xyz/tags/javascript/ Recent content in javascript on Abdellah Codes Hugo -- gohugo.io en-us Tue, 23 May 2023 11:29:05 +0000 https://abdellahcodes.xyz/posts/understand-svelte-and-sveltkit-dollar-signs/ Tue, 23 May 2023 11:29:05 +0000 https://abdellahcodes.xyz/posts/understand-svelte-and-sveltkit-dollar-signs/ Get a clear view whenever you encounter a $ sign in a Svelte/Sveltkit code base https://abdellahcodes.xyz/posts/intersectionobserver-rootmargin-option/ Wed, 22 Jun 2022 00:00:00 +0000 https://abdellahcodes.xyz/posts/intersectionobserver-rootmargin-option/ master the `rootMargin` option in intersection observer. https://abdellahcodes.xyz/posts/parallel-promise-execution-beyound-promiseall/ Thu, 31 Mar 2022 00:00:00 +0000 https://abdellahcodes.xyz/posts/parallel-promise-execution-beyound-promiseall/ In this post, I will talk about running promises in parallel and optimizing for the lowest waiting time possible. When you have a bunch of promises that need to execute sequentially, you just run them in a sequence using .then() or awaits: getUser() .then(user => getPosts(user.id)) .then(posts => use(posts)); // Or let user = await getUser(); let posts = await getPosts(user.id); use(posts); But when they don’t depend on each other like the posts that need the user id, you can run them in parallel using Promise. https://abdellahcodes.xyz/posts/use-typescript-generics-for-a-type-safe-settimeout-and-setinterval/ Sun, 20 Mar 2022 00:00:00 +0000 https://abdellahcodes.xyz/posts/use-typescript-generics-for-a-type-safe-settimeout-and-setinterval/ TLDR; Here’s the code: type Handler = ((...args: any[]) => any) | string; function safeSetTimeout<F extends Handler>( handler: F, timeout?: number, ...args: F extends string ? any[] : Parameters<F extends string ? never : F> ) { return setTimeout(handler, timeout, ...args); } If you understand everything in the following snippet, you don’t have much to gain from this post. But you might want check out the practical snippet at the end of this post. https://abdellahcodes.xyz/posts/promises-asyncawait-vs-then-how-we-got-here-and-why-i-use-both/ Sat, 19 Mar 2022 00:00:00 +0000 https://abdellahcodes.xyz/posts/promises-asyncawait-vs-then-how-we-got-here-and-why-i-use-both/ A bief history of js async await vs .then() and their use cases https://abdellahcodes.xyz/posts/promises-run-any-promise-with-a-timeout/ Fri, 18 Mar 2022 00:00:00 +0000 https://abdellahcodes.xyz/posts/promises-run-any-promise-with-a-timeout/ Leverage Promise.race() to give your promises a deadline to resolve or else.