--- title: "#props articles | Hashnode" description: "Explore 172 articles tagged #props on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/props" --- Tag # #props 172 posts · 1 followers [Vikash Kumar](https://hashnode.com/@thatonevikash) · [Sep 2](https://hashnode.com/posts/how-to-write-clean-props-in-reactjs/6a97ad5c5496e14c0fc0594d) ### [How to write clean props in reactjs](https://thatonevikash.hashnode.dev/how-to-write-clean-props-in-reactjs?utm_source=hashnode&utm_medium=feed) A better props contract is highly scalable and modular to build better application 2 min read · [thatonevikash.hashnode.dev](https://thatonevikash.hashnode.dev/how-to-write-clean-props-in-reactjs?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/how-to-write-clean-props-in-reactjs/6a97ad5c5496e14c0fc0594d) [Shahbaz Ahmed](https://hashnode.com/@shahbazahmed) · [Aug 27](https://hashnode.com/posts/react-fundamentals-components-jsx-state-and-re-rendering/6a902a71937e0dcc62ea9c41) ### [React Fundamentals: Components, JSX, State, and Re-rendering](https://fundamentalsofreact.hashnode.dev/react-fundamentals-components-jsx-state-and-re-rendering?utm_source=hashnode&utm_medium=feed) Why React Exists? Let's start with a question. Why did developers create React when JavaScript already existed? Good question right? It's worth separating "JavaScript" (the language) from "how people 24 min read · [fundamentalsofreact.hashnode.dev](https://fundamentalsofreact.hashnode.dev/react-fundamentals-components-jsx-state-and-re-rendering?utm_source=hashnode&utm_medium=feed) [Umang Pincha](https://hashnode.com/@UmangPincha) · [Jul 18](https://hashnode.com/posts/part-4-jsx-components-props/6a5b88669de87126794a043a) ### [Part 4 : JSX ,Components & Props](https://umangpincha.hashnode.dev/part-4-jsx-components-props?utm_source=hashnode&utm_medium=feed) First lets kill the common misconception JSX is HTML inside Javascript. Its true but not fully. In reality it means JSX is syntactic sugar for React.createElement() calls. When you write

Hell 4 min read · [umangpincha.hashnode.dev](https://umangpincha.hashnode.dev/part-4-jsx-components-props?utm_source=hashnode&utm_medium=feed) [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) [Olamiji Badmos](https://hashnode.com/@thebadmos) · [Jan 20](https://hashnode.com/posts/mastering-props-state-and-the-essential-four/696f679b562e902ca9a0f59d) ### [Mastering Props, State, and the 'Essential Four'](https://olamijibadmos.hashnode.dev/mastering-props-state-and-the-essential-four?utm_source=hashnode&utm_medium=feed) In mobile development, components are like blueprints. But a blueprint alone is static. To make an app feel "alive," we need to master the three React fundamentals mentioned in the official documentation: JSX, Props, and State. You should be familiar... 3 min read · [olamijibadmos.hashnode.dev](https://olamijibadmos.hashnode.dev/mastering-props-state-and-the-essential-four?utm_source=hashnode&utm_medium=feed) [Matheus Almeida](https://hashnode.com/@almeida-matheus) · [Oct 7, 2025](https://hashnode.com/posts/vuejs-iniciante-components/68e560640fc02b3f13099561) ### [Vue.js - Iniciante | Components](https://almeida-matheus.hashnode.dev/vuejs-iniciante-components?utm_source=hashnode&utm_medium=feed) Explore componentes Vue.js: estruturam interfaces de forma modular e reutilizável. Aprenda criação, uso e comunicação entre componentes 3 min read · [almeida-matheus.hashnode.dev](https://almeida-matheus.hashnode.dev/vuejs-iniciante-components?utm_source=hashnode&utm_medium=feed) [Matheus Almeida](https://hashnode.com/@almeida-matheus) · [Oct 6, 2025](https://hashnode.com/posts/vuejs-iniciante-introducao/68e3e0cd2de3bd4e158ec9f1) ### [Vue.js - Iniciante | Introdução](https://almeida-matheus.hashnode.dev/vuejs-iniciante-introducao?utm_source=hashnode&utm_medium=feed) Vue.js: framework JavaScript para interfaces reativas e escaláveis; explore sua história, reatividade, SPA, ferramentas e mais 5 min read · [almeida-matheus.hashnode.dev](https://almeida-matheus.hashnode.dev/vuejs-iniciante-introducao?utm_source=hashnode&utm_medium=feed) [Abhinandan Vashisht](https://hashnode.com/@Abhinandan9) · [Sep 6, 2025](https://hashnode.com/posts/props-and-props-passing/68bbe518bea750c488965b07) ### [Props and Props Passing](https://abhinandan9.hashnode.dev/props-and-props-passing?utm_source=hashnode&utm_medium=feed) Props, short for properties, are a fundamental feature in React that allow for the passing of data between components 3 min read · [abhinandan9.hashnode.dev](https://abhinandan9.hashnode.dev/props-and-props-passing?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)