Sahana S Acharyareact-diaries.hashnode.dev·Dec 19, 2024Mastering Tailwind CSS & Props in React: A Modern Approach to Web Development 🚀In the world of web development, efficiency, flexibility, and scalability are key. Tailwind CSS, with its utility-first design, has become a game-changer for developers. When paired with React, it allows you to create powerful, reusable components wh...props
Riya ChauhanforTechStack Talestechstack-tales.hashnode.dev·Dec 12, 2024React Props and KeyReact Props Props stands for properties. Props are arguments passed into React components. so passing props to a React component is like passing arguments to a JS function. Props are passed to components via HTML attributes. Props might remind you of...React JSReact
shohanur rahmanshohan777.hashnode.dev·Nov 23, 2024Bug in react? Component mounting and unmounting but does not update state.I am working on search feature of a sidebar menu of a dashboard. The sidebar was okay (till now). I was assigned a task to add a search feature to the sidebar menu and that's where I have fallen upon this problem. Even if I the components are mountin...React
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) => { ...coding
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...React
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 ...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 ...10 likes·53 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...Astro
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...React 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...1 likeProps in reactjs
