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
shohanur rahmanshohan777.hashnode.dev·Nov 16, 2024Why React uses Pure Components?React enforces using pure components. To ensure this React has ‘StrictMode’ on in the development mode/environment. So that any impure component can be identified. React Doc says, “React’s rendering process must always be pure. Components should only...1 likeReact
Zeeshan Safdarzeeshansafdar.hashnode.dev·Nov 14, 2024🚀 React Controlled vs. Uncontrolled Components 🚀As a React developer, mastering form management is essential, and understanding the difference between controlled and uncontrolled components is a key part of that journey! 🛠️ 🔍 Uncontrolled Components By default, form elements like <input>, <texta...React
오예준oagree.hashnode.dev·Oct 13, 2024프로젝트를 위한 공통 컴포넌트 만들기이번 시리즈에서는 회사 프로젝트를 위해 ‘왜 공통 컴포넌트를 만들게 되었는지’ 그리고 ’어떻게 만들었는지‘ 대해서 작성해보려고 한다. 🤔시작하기 먼저, 회사 프로젝트는 기능은 유사하지만 디자인만 다른 다수의 사이트를 만들어야 하는 과제를 안고 있다. 따라서 반복되는 코드를 최대한 줄이고, 빠른 개발과 일관된 기능을 구현해야 했다. 또한, 프로젝트의 개수가 늘어갈수록 하나의 기능 추가는 프로젝트 개수 만큼의 기능 추가가 된다는 것을 의미한다. ...React
Aravind Kishore Peerlaaravindkishore.hashnode.dev·Oct 5, 2024Introduction to JSX: Writing HTML in JavaScript for ReactJSX (JavaScript XML) is a syntax extension for JavaScript used in React to describe what the user interface should look like. It looks very similar to HTML but is actually JavaScript under the hood. Simple Explanation: JSX allows you to write HTML-l...Learn React the Simple Way: A Step-by-Step Guide to Mastering ReactJSX
Mohammad Massoud Salemmassoudsalem.hashnode.dev·Sep 9, 2024Mastering the Art of React Component LibrariesAs a frontend developer, Today, I'm excited to share insights on building a React component library that not only meets current needs but scales gracefully with your project. We'll explore key decisions that enhance scalability, maintainability, and ...components in react
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
caner demircicanerdemirciblog.hashnode.dev·Sep 2, 2024Customizable React Zoom Controllerhttps://youtu.be/-mFJsgbZt4Q?si=MteHR_tZgm5mWO2O https://github.com/canerdemirci/react-zoom-controller/ https://www.npmjs.com/package/react-zoom-controller I have written a zoom controller in React and published on npm. I wanted this component to b...React
caner demircicanerdemirciblog.hashnode.dev·Aug 27, 2024Customizable React Pagination Component (Typescript)https://github.com/canerdemirci/cnr-react-pagination https://www.npmjs.com/package/cnr-react-pagination https://youtu.be/Yfo2-BsNzck I have written a pagination component in React and published on npm. I aimed to make pagination easier and more use...React
Sherlyne Ochiengsherlynoc.hashnode.dev·Aug 7, 2024Props In ReactWhat is PROPS IN REACT? According to Mozilla Developer Network (MDN) Web docs, PROPS allows for the accessibility of the components. Props allow information to be passed from the top-level component (Parent) to another or the second-level component (...Props in reactjs