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 🚀

Just Get Started!

- ThePrimagen 👨🏻

🔗 source

Patterns For JavaScript Frontend Applications 🍃

https://blog.cloudboost.io/the-state-of-web-applications-3f789a18b810

#article #javascript #frontend
@ReactDev 🚀

Looks like Windows is having some trouble around the world

https://x.com/linuxopsys/status/1814218156216295741?t=ZDHGGT8kMMwnVP9hMGe1Ew&s=19
@ReactDev 🚀

John Explains What happened 🤔
also gives a temp solution

https://youtu.be/E8RQVx2gBFc?feature=shared

@ReactDev 🚀

8 Exciting New JavaScript Concepts You Need to Know 🕵🏻

https://dev.to/dipakahirav/8-exciting-new-javascript-concepts-you-need-to-know-45hp

#javascript
@ReactDev 🚀

React Design Patterns ⚛️

https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb

#react #javascript
@ReactDev 🚀

What's the Difference between object and Object in Typescript ? 🤔

https://medium.com/@zong8498/exploring-the-differences-between-object-and-object-in-typescript-927b50c9e0de

#typescript
@ReactDev 🚀

Create and Push Docker image to Amazon ECR with GitHub Actions 🚢

https://snehalchaure.medium.com/create-and-push-docker-image-to-amazon-ecr-with-github-actions-4b35d26e1563

#devops #cicd
@ReactDev 🚀

Understanding JSON Web Tokens (JWT) for Secure Information Sharing 🔗

https://dev.to/vyan/understanding-json-web-tokens-jwt-for-secure-information-sharing-5c3a

#security
@ReactDev 🚀

TypeScript is finally Coming to Node.js! 🔥 (experimental mode for now)

https://devclass.com/2024/07/26/node-js-adds-experimental-typescript-support-as-it-simply-cannot-be-ignored/

#nodejs #typescript
@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 🚀

Failing and Learning

@ReactDev 🚀

⚡️ Top 6 Vue.js UI Libraries (Vue 3) Trending in 2024 🔥

🔗 https://bit.ly/4cb2wf2

#frontend #vue #ui
@ReactDev 🚀

Synchronizing React with browser API ⚙️

#react #frontend
@ReactDev 🚀

101 React Tips & Tricks For Beginners To Experts ✨

🔗 https://bit.ly/4cl3SE4

#react #frontend
@ReactDev 🚀