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
Karandeep Singh Sehgalkarandeep.hashnode.dev·Apr 7, 2024Getting Started with React: Mastering Core PrinciplesWhat is ReactJS ? ReactJS, often simply referred to as React, is a powerful JavaScript library utilized for building user interfaces (UIs) in web applications. Developed and maintained by Meta (Formerly Facebook), React has rapidly gained widespread ...Discuss·2 likes·69 readsReact
Muhammad Syaifullah Al Ariefmuhammadsyaifullahalarief.hashnode.dev·Apr 7, 2024JSX di ReactJSJSX, singkatan dari JavaScript XML, adalah ekstensi sintaksis yang digunakan dalam React untuk mendefinisikan tampilan komponen. Ini memungkinkan kita untuk menulis kode HTML-like di dalam JavaScript, membuatnya lebih mudah untuk membuat dan mengelol...DiscussReact
Smit Desaismitd.hashnode.dev·Apr 6, 2024React Props Explained with ExamplesPrerequisites : Whenever you start a project, you always need to do PROPER PLANNING first.Never start your project before planning.Proper planning starts with making a Wireframe/Mock of your entire UI.That'll make you understand which all components ...Discuss·11 likes·108 readsReact
Sasika Chandilasasika.hashnode.dev·Feb 26, 2024React PropsIntroduction React.js, a JavaScript library developed by Facebook, has redefined the paradigm of user interface development through its innovative component-based architecture. At the core of React's architecture lies the fundamental concept of props...Discuss·2 likesimmutable props
Nehal IngoleforRead & Learnlearnwithnehal.hashnode.dev·Feb 22, 2024Mastering UI FlexibilityIntroduction In the realm of modern web development, efficiency and flexibility are paramount. Tailwind CSS and React.js have emerged as two powerful tools that streamline development workflows and enhance code maintainability. In this comprehensive ...DiscussTailwind CSS
James Aldermanjamescodes.hashnode.dev·Feb 14, 2024Limited Styles! A Classic Mistake!I built a toggle component (Dark / Light functionality) that 'toggles' a class depending on the state (code below), BUT I made a classic mistake! Here's how: I’ve given myself ‘Limited Scope’: The DarkLightComponent renders within the Container co...DiscussReact
James Aldermanjamescodes.hashnode.dev·Feb 12, 2024For Props sake?! A Journey back into React Components...Code I wrote: simple code to demonstrate dynamic component rendering, prop handling, and the importance of keys in mapping arrays. I learned the significance of code modularity, reusability, and maintaining a clean structure for enhanced readability....DiscussProps in reactjs