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
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 πŸš€
πŸ‘4
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 πŸš€
πŸ”₯3πŸ‘1πŸ‘1
This media is not supported in your browser
VIEW IN TELEGRAM
Just Get Started!

- ThePrimagen πŸ‘¨πŸ»

πŸ”— source
πŸ‘3
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 πŸš€
πŸ‘1
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 πŸš€