Rudraksh Tripathihustlecoder.hashnode.dev·Jul 19, 2024Building a Currency converter using ReactLearning to create a custom hook import {useEffect, useState} from "react" function useCurrencyInfo(currency){ const [data, setData] = useState({}) useEffect(() => { fetch(`https://cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@late...DiscussuseState hook
Rudraksh Tripathihustlecoder.hashnode.dev·Jul 17, 2024Props in ReactLearnings about Props in React Props (short for "properties") are a fundamental concept in React that allows you to pass data from parent components to child components. Here’s a summary of the key points: Key Concepts: Definition: Props are inputs...DiscussProps in reactjs
isiagi geofreyisiagi.hashnode.dev·Jun 26, 2024Understanding the Flow of Data in React ComponentsSummary: This article explores how data flows within React App components, covering the composition of components, passing data from parent to child components through props, and passing data from child to parent components via functions. Understandi...Discuss·2 likesReact
Manvendra Singhnoder254.hashnode.dev·Jun 24, 2024State and Props in ReactIntroduction React, a robust JavaScript library for building user interfaces, is predicated on two fundamental concepts: state and props. These constructs form the backbone of React's declarative paradigm, enabling developers to create dynamic, respo...Discuss·1 likeReact
Rudraksh Guptarudrakshgupta40.hashnode.dev·Jun 10, 2024Understanding States and Props in React: A Detailed TutorialIntroduction React is a popular JavaScript library for building user interfaces, and mastering its core concepts, state, and props, is essential. These concepts help manage and pass data within your application, enabling you to create dynamic and int...Discuss·11 likesReact
Mayur Lalwanimayurlalwani.hashnode.dev·Jun 3, 2024How to Pass Props from Child to Parent Components in React: A Practical GuideReact components usually have a unidirectional data flow from parent to its children via props. But sometimes children components should be able to send data to its parent components. React doesn’t offer a built-in mechanism for passing props from ch...Discuss·35 reads2Articles1Week
Sunney Soodsunneysood.hashnode.dev·May 25, 2024Why props are read only in ReactTheory In React, props are read-only for several important reasons, primarily related to the principles of functional programming and the architecture of the React component model. Here are the key reasons: 1. Immutability for Predictability Immutabi...DiscussReact || Javascript || Next.JS || Node.JSReact
Codify With Meroopamdeepk.hashnode.dev·Apr 24, 2024React State vs React PropsProps or properties are the inputs or the arguments passed to a component. State, on the other hand, is the internal data managed by a component that can change over time. So, Props are like function arguments and state is like local variables inside...DiscussReact
Ritik RaushanforJoy of Reactjoyofreact.hashnode.dev·Apr 20, 2024Props and HookIn the 1st article of Step into React I've covered the required setup for React environment and stepped into Hello World. In this article, I'll primarily focus on React Props and Hook. In React, props is a keyword which implies "Properties" and it's ...DiscussReactHooks
Kaushik Mazumdarkaushikmazumdar.hashnode.dev·Apr 9, 2024Why you should opt for props.children to pass your properties in any React componentIntroduction React is widely used due to its reusable and modular component-based architecture. Reusability allows us to utilize a particular component in multiple instances without recreating the same logic multiple times. With reusable components, ...DiscussReact