Telegram channel "React.js Notes"

React.js Notes

Public

Attentions : It important to do your own research before placing your trust in any information, particularly if there's a request for money involved.

Can't Join? @reactnotes_randomnotes

466 Members

Updated: March 11, 2026 at 3:27 AM

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

#2719No change

Language Ranking

#615No change

Category Ranking

#10No change

Participant Growth (Last 28 Days)

Total: 466

24h growth: +0 0%

Latest Posts

React.js Notes

Mar 11, 2026, 01:52 AM

📷 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

1,980

React.js Notes

Mar 11, 2026, 01:52 AM

📷 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,800

React.js Notes

Mar 11, 2026, 01:52 AM

⭐️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,760

React.js Notes

Mar 11, 2026, 01:52 AM

📷 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,800

React.js Notes

Mar 11, 2026, 01:52 AM

📷 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>" } ]
}

1,960

React.js Notes
Mar 11, 2026, 01:52 AM

📷 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,710

React.js Notes
Mar 11, 2026, 01:52 AM

⭐️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,680

React.js Notes
Mar 11, 2026, 01:52 AM

⭐️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,420

React.js Notes
Mar 11, 2026, 01:52 AM

📷 Photo

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

2,230

React.js Notes
Mar 11, 2026, 01:52 AM

📷 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,260

Showing 10 of 10 posts

No more posts

Loading posts...

Rating

Login required

User Reviews (0)
No reviews yet. Be the first to share your experience!

Loading reviews...

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

#2719No change

Language Ranking

#615No change

Category Ranking

#10No change

Participant Growth (Last 28 Days)

Total: 466

24h growth: +0 0%

Latest Posts

React.js Notes
Mar 11, 2026, 01:52 AM

📷 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

1,980

Loading posts...

Rating

Login required

User Reviews (0)
No reviews yet. Be the first to share your experience!

Loading reviews...

Related Telegram Channels

e
English by Himanshu Yadav Sir
180

English Literature Club channel
2.7k0

NEET CHAPTERWISE QUESTIONS BIOLOGY CHEMISTRY Physics
4510

Self-Help Books 📚
5550

👀 Finde den Fehler 👀
3.2k0

💯 Ayurveda Siddhi - Bams Notes and Previous year Questions Paper
54.8k0

Ebook Verse
7580

Loading recommended channels...

Related Telegram Channels

e
English by Himanshu Yadav Sir
180

English Literature Club channel
2.7k0

NEET CHAPTERWISE QUESTIONS BIOLOGY CHEMISTRY Physics
4510

Self-Help Books 📚
5550

👀 Finde den Fehler 👀
3.2k0

💯 Ayurveda Siddhi - Bams Notes and Previous year Questions Paper
54.8k0

Ebook Verse
7580

Loading recommended channels...

React.js Notes

React.js Notes

Ranking

Participant Growth (Last 28 Days)

Latest Posts

Rating

User Reviews (0)

React.js Notes

Ranking

Participant Growth (Last 28 Days)

Latest Posts

Rating

User Reviews (0)

Related Telegram Channels

English by Himanshu Yadav Sir

English Literature Club channel

NEET CHAPTERWISE QUESTIONS BIOLOGY CHEMISTRY Physics

Self-Help Books 📚

👀 Finde den Fehler 👀

BIOLOGY NOTES | STUDY MATERIAL l Allen notes | kota notes | Neet notes | Toppers notes |Biology Books

💯 Ayurveda Siddhi - Bams Notes and Previous year Questions Paper

Ebook Verse

Related Telegram Channels

English by Himanshu Yadav Sir

English Literature Club channel

NEET CHAPTERWISE QUESTIONS BIOLOGY CHEMISTRY Physics

Self-Help Books 📚

👀 Finde den Fehler 👀

BIOLOGY NOTES | STUDY MATERIAL l Allen notes | kota notes | Neet notes | Toppers notes |Biology Books

💯 Ayurveda Siddhi - Bams Notes and Previous year Questions Paper

Ebook Verse

Latest Posts

Latest Posts

Related Telegram Channels

English by Himanshu Yadav Sir

English Literature Club channel

NEET CHAPTERWISE QUESTIONS BIOLOGY CHEMISTRY Physics

Self-Help Books 📚

👀 Finde den Fehler 👀

BIOLOGY NOTES | STUDY MATERIAL l Allen notes | kota notes | Neet notes | Toppers notes |Biology Books

💯 Ayurveda Siddhi - Bams Notes and Previous year Questions Paper

Ebook Verse

Related Telegram Channels

English by Himanshu Yadav Sir

English Literature Club channel

NEET CHAPTERWISE QUESTIONS BIOLOGY CHEMISTRY Physics

Self-Help Books 📚

👀 Finde den Fehler 👀

BIOLOGY NOTES | STUDY MATERIAL l Allen notes | kota notes | Neet notes | Toppers notes |Biology Books

💯 Ayurveda Siddhi - Bams Notes and Previous year Questions Paper

Ebook Verse

User Reviews (0)

User Reviews (0)