React.js Notes

Public

View Channel

Can't Join? @reactnotes_randomnotes

471 Members

Updated: May 25, 2026 at 1:29 PM

React.js Notes

Welcome :) Public React Notes

@reactnotes_randomnotes offers specialized information about react and public for subscribers interested in Ebooks & Study Material

Ranking

Global Ranking

#5649

-953

Language Ranking

#1277

-171

Category Ranking

#38

-9

Participant Growth (Last 30 Days)

Total: 471

24h growth: +0 0%

Latest Posts

React.js Notes

Apr 23, 2026, 01:14 PM

📷 Photo

⭐️Exploring the Power of the Reflect Object in JavaScript and Its Role in Nest.js Decorators⭐️

- The Reflect object in JavaScript is a versatile built-in object that allows developers to perform meta-programming tasks and interact with object properties and methods in a standardized way. It's particularly useful in frameworks like Nest.js, where it plays a critical role in enabling decorators.

- Nest.js leverages the reflect-metadata library, which works in tandem with the Reflect object to manage and retrieve this metadata.

🔗 Read the full article on Medium: https://medium.com/@modywmbadr/exploring-the-power-of-the-reflect-object-in-javascript-and-its-role-in-nest-js-decorators-254859305fbc

I appreciate your time and curiosity. Enjoy reading! 💻📚

1,860

React.js Notes

Apr 23, 2026, 01:14 PM

📷 Photo

⭐️Make your ideas look awesome, without relying on a designer.⭐️

- Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.

📂The entire book is free and attached in the following message.

http://refactoringui.com/

#React #WebDevelopment #Coding #Book #UI #FrontEnd

2,040

React.js Notes

Apr 23, 2026, 01:14 PM

⭐️ESlint configuration at React with vite⭐️ When initialize React app with vite npm create vite@latest don't forget configure Eslint npm install eslint vite-plugin-eslint eslint-config-react-app --save-dev And create new file at globally .eslintrc.json…

1,730

React.js Notes

Apr 23, 2026, 01:14 PM

📷 Photo

https://medium.com/@modywmbadr/introducing-the-ecmascript-safe-assignment-operator-simplifying-error-handling-74950fa3a295

https://github.com/arthurfiorette/proposal-safe-assignment-operator

ECMAScript Safe Assignment Operator (?=)

1,850

React.js Notes

Apr 23, 2026, 01:14 PM

⭐️React Native 0.76 with New Architecture⭐️

The New Architecture adds full support for modern React features, including https://react.dev/blog/2022/03/29/react-v18#new-suspense-features, https://react.dev/blog/2022/03/29/react-v18#new-feature-transitions, https://react.dev/blog/2022/03/29/react-v18#new-feature-automatic-batching, and https://react.dev/reference/react/useLayoutEffect. The New Architecture also includes new https://reactnative.dev/docs/next/turbo-native-modules-introduction and https://reactnative.dev/docs/next/fabric-native-components-introduction systems that let you write type-safe code with direct access to native interfaces without a bridge.

The New Architecture includes four main parts:
🔹 Synchronous Native Modules:
Type-safe access to native code without the bridge, written in C++ for speed and cross-platform compatibility.

🔹 New Renderer:
Multiple threads allow updates at various priorities, improving responsiveness and reducing jank.

🔹 Event Loop:
Prioritizes urgent updates, aligns with web standards, and lays the groundwork for browser features like microtasks and IntersectionObserver.

🔹 Bridge Removed:
Faster startup and enhanced performance by enabling direct JavaScript-native communication.

To see more details, Visit this site:
https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here
For detailed explanation:
https://youtu.be/-HAbDt_DuBE?si=PWM5MpawoFoQ_aSy

1,800

React.js Notes

Apr 23, 2026, 01:14 PM

📷 Photo

Happy Eid with React.js Notes🥰🥰🎊🎊
I hope you have happy days🥰🥰

2,270

React.js Notes

Apr 23, 2026, 01:14 PM

📷 Photo

⭐️In Express.js⭐️
XSS-attack in Back-end.
This the best way to solve.
You can use xss library and this middleware instead.

to install xss library:
npm install xss

// 1. turning object into a big string using JSON.stringify
// 2. sanitize it using xss
// 3. parsing it after sanitization
app.use((req, res, next) => {
const sanitizeBody = xss(JSON.stringify(req.body));
req.body = JSON.parse(sanitizeBody);
// 🫡dont forget to add req.params req.query and ....
next();
});

example:
// input:⚠️
{
test: [
{
t: "this is my .md content. yo  ",
a: "",
ts: "",
testing: [Array]
}
]
}

// result:🧼
{
t: "this is my .md content. yo <script>alert('xss');</script> ",
a: "<script>alert('xss');</script>",
ts: "<script>alert('xss');</script>",
testing: [ { now: "<script>alert('xss');</script>" } ]
}

2,000

React.js Notes
Apr 23, 2026, 01:14 PM

📷 Photo

⭐Create a new Type using a Subset of an Interface⭐

"Omit" is a utility type in TypeScript
to construct a new type by passing a current type/interface and select the keys to be excluded from new type.

1,760

React.js Notes
Apr 23, 2026, 01:14 PM

📷 Photo

⭐️Storing state in the URL⭐️
URL is the best place to store UI state and alternative to useState

(example): open or close panels - currently selected list item - list sorting order - applied list filter
- This useful to make bookmark and share the page

URL like this:
localhost:5173/app/cities/lisbon?lat=38.1242&lang=-9.8364
/app/cities → Path
/lisbon → params
?lat=38.1242&lang=-9.8364 → query string

params → very useful to pass data to the next page
query string → useful to store some global state

I recommend this topic that about DNS:
https://maryam-eid.medium.com/decoding-the-web-iv-dns-domain-names-9e0c5b3a0f27

1,280

React.js Notes
Apr 23, 2026, 01:14 PM

⭐️So to use Params with React Router⭐️
Step-1: Create a new Route
Step-2: Link to that Route (useParam)
Step-3: In that Route, we read the state from URL

1-
}/>
Route example: localhost:5173/app/cities/83723/madrid
here "83723" is "id" param
and "madrid" is "cityname" param

2-
 ...... 
here must use template literals with params

3-
Then to get that data from URL.
We use useParams() hook.
We will use this hook only at component in the Route have param like this in step-1 in  component.
import {useParams} from "react-router-dom";
const {id, cityname} = useParams();

useParams() provided by React Router

to install React Router (¬‿¬)
npm install react-router-dom@version

1,460

Showing 10 of 10 posts

No more posts

Loading posts...