Yashaswi Sahuyashaswisahu.hashnode.dev·Nov 16, 2024Understanding Data Flow in React.jsSending Data from Child to Parent A child component can send data to a parent component by using a function passed down as a prop from the parent. // ParentComponent.jsx const [childData, setChildData] = useState(""); const handleData = (data) => { ...Discusscoding
Zeeshan Safdarzeeshansafdar.hashnode.dev·Nov 14, 2024💡 State vs. Props in React: A Common Interview Question 💡If you're starting with React or preparing for an interview, you might come across this classic question: What's the difference between state and props? Let's break it down! 👇 🌐 State Internal data: Owned by the component that declares it. Compon...DiscussReact
Sonal Diwansonad.hashnode.dev·Oct 21, 2024Day 4: React Learning Journey: Understanding Props in ReactIntroduction Welcome back to Day 4 of your React Learning Journey! At this stage, you're probably starting to feel more comfortable with components and JSX. Today, we'll dive into a crucial concept in React that takes your app's interactivity to the ...Discuss·2 likesReact
Daniel Efedaney.hashnode.dev·Oct 8, 2024Creating Highly Maintainable React Applications With Composable ComponentsIn recent years, the web has evolved significantly, leading to the creation of more complex and dynamic applications and websites. With this evolution, developers face the challenge of creating highly maintainable and scalable React applications. As ...Discuss·10 likes·51 readsReact
Michael Andreuzzamichaelandreuzza.hashnode.dev·Oct 2, 2024How to create a button component with variants and icons with Astro JS and Tailwind CSSHey everyone! Today, I’m kicking off a tutorial on Astro JS, focusing on button components. Astro button components are reusable, customizable buttons that allow for different styles, sizes, and functions. Developers can create primary, secondary, or...DiscussAstro
Yusuf Uysalyusufuysal.hashnode.dev·Oct 1, 2024React Interview Questions (Part 3): State ManagementWhat is state in React, and how is it different from props? In React, state refers to the internal data or values that a component manages and can change over time. Each component maintains its own state, and changes to the state trigger re-renders t...DiscussReact Interview QuestionsReact
Umar Khursheedumarkhursheed.hashnode.dev·Sep 7, 2024Components and Props in ReactJSThe word Props is not a keyword or something. It is a term used to refer to the properties of a JSX component which makes the component unique. It is a feature in React that allows us to make the content of a component dynamic. What is a JSX?It is no...Discuss·1 likeProps in reactjs
Shikhar Shuklashikhar99.hashnode.dev·Aug 21, 2024Understanding Props in React with Tailwind CSS: A Practical ExampleProps (short for "properties") are a powerful feature in React that allow you to pass data from one component to another. In this blog, we’ll explore how props work by building a simple React application, and we'll use Tailwind CSS to style our compo...Discuss·1 like·113 readsReact
Prateekprateek333hashnode.hashnode.dev·Aug 13, 2024Mastering Tailwind CSS and React Props: Building Reusable Components with Ease(V7 of react.js series)Understanding Tailwind CSS and Props in React: A Beginner's Journey 1. Installing Tailwind CSS in Your Project My first step was understanding how to install Tailwind CSS in a React project. Tailwind is a powerful utility-first CSS framework that al...DiscussTailwind CSS
Vashishth Gajjarvashtech.hashnode.dev·Aug 3, 2024Chapter 3: State and PropsWelcome back to our React Native journey. In the last chapter, we explored components and JSX, the building blocks of any React Native app. Today, we're going to dive into state and props, two essential concepts that make our components dynamic and i...Discuss·2 likesReact Native UnleashedState Management