React & Modern Javascript
306 subscribers
43 photos
17 videos
15 files
245 links
React for Developers ๐Ÿš€๐Ÿš€
Useful Articles๐Ÿ“ƒ
DailyTipsโšก๏ธ
Introduction videos๐Ÿ’ซ
Courses๐Ÿ—ƒ
Covering the Updates of Modern Web Development!๐ŸŒŽ

Link : t.me/ReactDev
Contact Us if You Have Any Questions or Suggestions:
@MrGh0st
@stfuBlyat
Download Telegram
React & Modern Javascript pinned ยซHi everyone. I'm looking for remote job opportunities outside Iran (Preferred) or On Site jobs in Iran, i will upload my cv below. Let's get in touch via emai, linkedin or @stfuBlyat idยป
He folks ๐Ÿ‘‹๐Ÿผ
Long time no see...
It's been a long time since the last post, Much has happened and I know I've been terribly busy with life ๐Ÿ˜… Should we start posting again?
Anonymous Poll
70%
Yes, the content was very useful
7%
Nope, I don't need it
22%
Meh I don't know...
TypeScript mapped types allow you to create new types by transforming properties of an existing type. They provide a way to transform each property in a type according to certain rules. Mapped types are useful for scenarios where you need to apply the same operation to each property in a type.

https://refine.dev/blog/typescript-mapped-types/#introduction

#ts #typescript #types
@ReactDev ๐Ÿš€
When it comes to performance and javascript One very important thing you need to think about is Garbage Collection in JavaScript Runtimes ( in this case V8 ). This article from Egghead.io is a very good read on how to improve the overall performance of your applications memory usage by utilizing a technique called Object Pooling.

https://egghead.io/blog/object-pool-design-pattern

#javascript #performance #v8
@ReactDev ๐Ÿš€
This media is not supported in your browser
VIEW IN TELEGRAM
Just Get Started!

- ThePrimagen ๐Ÿ‘จ๐Ÿป

๐Ÿ”— source
Command Line Utilities With The Power of AI ๐Ÿค–

https://commandai.dev/

@ReactDev ๐Ÿš€
Looks like Windows is having some trouble around the world

https://x.com/linuxopsys/status/1814218156216295741?t=ZDHGGT8kMMwnVP9hMGe1Ew&s=19
@ReactDev ๐Ÿš€
Lets say that you have an input element in a webpage, and this input is responsible for a search bar mechanism.
and whenever there's a KeyPress Event, you would want to trigger the API call to fetch your data results for the search term, and update the view, very typical.

but what if the user abuse this behavior? that can easily lead to a high pressure on your server and even on your client. plus, the user doesn't really need to see the updates with each keystroke from his keyboard instantly. So how to fix this?

One clean and easy solution would be a Debounce mechanism. It will attach a 200ms(or any amount of time) to the latest event from the user's input. then and only then the search term is formed and being sent to the server, reducing the server and client load.

Debounce is only one of the cool things you can find in ReactiveX. A library for composing asynchronous and event-based programs

https://reactivex.io/intro.html
https://rxjs.dev/api/operators/debounce

#frontend #backend
@ReactDev ๐Ÿš€