--- title: "#props-in-reactjs articles | Hashnode" description: "Explore 66 articles tagged #props-in-reactjs on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/props-in-reactjs" --- Tag # #props-in-reactjs 66 posts · 0 followers [manpreet singh](https://hashnode.com/@manpreet404) · [Feb 16](https://hashnode.com/posts/prop-drilling-simple-explanation/69937b61207bde475fba0e92) ### [Prop Drilling — Simple Explanation](https://manpreet404.hashnode.dev/prop-drilling-simple-explanation?utm_source=hashnode&utm_medium=feed) Prop drilling is when we pass data from a parent component to a deeply nested child component through multiple intermediate components, even though those intermediate components do not use the data themselves // React Example with Prop Drilling impo... 1 min read · [manpreet404.hashnode.dev](https://manpreet404.hashnode.dev/prop-drilling-simple-explanation?utm_source=hashnode&utm_medium=feed) [Bikash Mainali](https://hashnode.com/@bikash8848) · [Nov 20, 2025](https://hashnode.com/posts/why-props-are-immutable-in-react/691ea3d0a84e06364d5cbe46) ### [Why props are immutable in React?](https://bikash8848.hashnode.dev/why-props-are-immutable-in-react?utm_source=hashnode&utm_medium=feed) Predictable UI Since props can’t be changed by the child, the data flow is unidirectional (Parent → Child). This makes your UI predictable and easier to debug. Pure Components & Performance Optimization Immutable props allow React to do shallow... 2 min read · [bikash8848.hashnode.dev](https://bikash8848.hashnode.dev/why-props-are-immutable-in-react?utm_source=hashnode&utm_medium=feed) [Vidushi Singla](https://hashnode.com/@toshi-io) · [Sep 15, 2025](https://hashnode.com/posts/from-roots-to-branches-to-the-leaves-growing-with-usecontext/68c828af5f69673026389de6) ### [From Roots to Branches to the Leaves: Growing with useContext](https://vidushisingla.xyz/from-roots-to-branches-to-the-leaves-growing-with-usecontext?utm_source=hashnode&utm_medium=feed) Like roots nourishing branches and leaves, useEffect connects your component to the outside world. It helps React apps grow by handling side effects. 5 min read · [vidushisingla.xyz](https://vidushisingla.xyz/from-roots-to-branches-to-the-leaves-growing-with-usecontext?utm_source=hashnode&utm_medium=feed) [Vidushi Singla](https://hashnode.com/@toshi-io) · [Sep 3, 2025](https://hashnode.com/posts/today-we-draw-a-tree-one-component-at-a-time/68b802313b3b75c45b77e769) ### [Today we draw a tree - One Component at a Time!](https://vidushisingla.xyz/today-we-draw-a-tree-one-component-at-a-time?utm_source=hashnode&utm_medium=feed) How a Tree Teaches Us Components, State, and Props 5 min read · [vidushisingla.xyz](https://vidushisingla.xyz/today-we-draw-a-tree-one-component-at-a-time?utm_source=hashnode&utm_medium=feed) [prashant chouhan](https://hashnode.com/@prashantch) · [Aug 31, 2025](https://hashnode.com/posts/understanding-react-components-and-props/68b44ebb698c8e22a482e9fe) ### [Understanding React Components and Props](https://react-mastery.hashnode.dev/understanding-react-components-and-props?utm_source=hashnode&utm_medium=feed) A beginner-friendly guide to React components, props, children, and default props—explained with real-world examples and Lego block analogy. 3 min read · [react-mastery.hashnode.dev](https://react-mastery.hashnode.dev/understanding-react-components-and-props?utm_source=hashnode&utm_medium=feed) [Lord Abiolla](https://hashnode.com/@LordAbiolla) · [Aug 26, 2025](https://hashnode.com/posts/react-js/68ae31d6c32f7f6dc9f1e8e2) ### [React JS](https://front-end-web-development.hashnode.dev/react-js?utm_source=hashnode&utm_medium=feed) What is React React is a powerful, open-source JavaScript library for building user interfaces, primarily for single-page applications where you need fast and responsive UIs. Developed and maintained by Facebook and a community of individual develo... 24 min read · [front-end-web-development.hashnode.dev](https://front-end-web-development.hashnode.dev/react-js?utm_source=hashnode&utm_medium=feed) [Manish Kumar](https://hashnode.com/@ManishMK) · [Jul 7, 2025](https://hashnode.com/posts/why-prop-drilling-makes-your-react-code-messy/695e42f977de07eb5e91512c) ### [Why Prop Drilling Makes Your React Code Messy](https://manishmk.hashnode.dev/why-prop-drilling-makes-your-react-code-messy?utm_source=hashnode&utm_medium=feed) You start with a simple React app, everything is clean, and then suddenly you're passing props through five components to get some data where it needs to go. It's like being forced to pass a message through people who don't need to hear it. What's Pr... 2 min read · [manishmk.hashnode.dev](https://manishmk.hashnode.dev/why-prop-drilling-makes-your-react-code-messy?utm_source=hashnode&utm_medium=feed) [Yogesh Kanwade](https://hashnode.com/@YogeshKanwade) · [Apr 27, 2025](https://hashnode.com/posts/dynamic-props-in-reactjs/680e129d9ab9f15d476d699b) ### [Dynamic Props in React.js](https://yog3sh.hashnode.dev/dynamic-props-in-reactjs?utm_source=hashnode&utm_medium=feed) Using && inside a prop ❌ (can send false) type MyComponentProps = { desc?: string; }; const MyComponent = ({ desc }: MyComponentProps) => { return
Desc is: {desc}
; }; export default function App() { const format = 'email'; // not '... 2 min read · [yog3sh.hashnode.dev](https://yog3sh.hashnode.dev/dynamic-props-in-reactjs?utm_source=hashnode&utm_medium=feed) [Payal Porwal](https://hashnode.com/@PayalPorwal) · [Apr 15, 2025](https://hashnode.com/posts/react-topic-4-props-properties-react-topic-5-state/67fe42ed9204e92d64ee5f5b) ### [⚛️ React Topic 4: Props (Properties) ⚛️ React Topic 5: State](https://codeswithpayal.hashnode.dev/react-topic-4-props-properties-react-topic-5-state?utm_source=hashnode&utm_medium=feed) Learn React's essentials: Props and State. Understand data management in dynamic apps with simple examples for students and professionals 6 min read · [codeswithpayal.hashnode.dev](https://codeswithpayal.hashnode.dev/react-topic-4-props-properties-react-topic-5-state?utm_source=hashnode&utm_medium=feed) [Aman Khare](https://hashnode.com/@amankhare) · [Feb 22, 2025](https://hashnode.com/posts/understanding-props/67ba09a02c07af5c7b5a32c1) ### [Understanding Props](https://amank.hashnode.dev/understanding-props?utm_source=hashnode&utm_medium=feed) Understanding Props in a Easy Way. Props are nothing but the information which a parent component provides to its children component. That information could be any JavaScript value {for Ex: "functions", "Arrays", "Objects", "variables"}. Why we need ... 2 min read · [amank.hashnode.dev](https://amank.hashnode.dev/understanding-props?utm_source=hashnode&utm_medium=feed)