DongJin Kimdongjin2008.hashnode.dev·Nov 28, 2023Creating custom properties in react componentIntroduction Sometimes when we are creating components in React, we might need to create custom properties for productive code. Code Example_component.tsx import React from 'react' type CardProps = { ProductName: string Description: string Pri...Discuss·29 readsReact
Gospel Obiuwevbielitedecode.hashnode.dev·Oct 10, 2023Mastering React Components: Building Reusable and Well-Organized UIsIntroduction: When I first ventured into the world of React, I found myself grappling with the concept of components. Their power was evident, but the road to mastering them was fraught with challenges. From creating the components themselves to nami...DiscussReact
Kushal Daskushaldas.hashnode.dev·Sep 24, 2023What Are React Components? Explained Simply !!Understanding React Components 🧩 In React, we use something called components. These are like building blocks for making websites and apps. Think of them as small, individual parts that can be put together to create a whole website or app. Imagine a...Discuss·2 likes·26 readsReact
Rubel Mehmedrubelmehmed.hashnode.dev·Sep 22, 2023Unlocking the Power of React HooksBy Rubel Mehmed Are you ready to dive into the world of React hooks and supercharge your functional components? In this blog post, we'll explore the fundamental React hooks that allow you to manage state, handle side effects, and build dynamic user ...Discuss·11 likesReact
Alex Anieocxigin.hashnode.dev·Sep 22, 2023NavLink Component in React RouterIntroduction The <NavLink> component in React-Router is used for navigating to different components within a single page application. This is very useful when creating a navbar component in your React app. The <NavLink> component does the same thing ...Discuss·1 like·60 readsReact
Shivam techtaleswithshivam.hashnode.dev·Sep 12, 2023React Components and Their Types: A Real-Life Analog.In my previous blog, I talked about “How you can set up your development environment for React”. If you haven’t read that one then go and check it out. In this blog, I will be explaining React Components by using some real-life analogy. Read this blo...DiscussReact
AJIT KUMAR PANDITajitkumarpandit.hashnode.dev·Sep 7, 2023Understanding React Components: The Foundation of Your Web ApplicationWhen it comes to making websites, React is like a magic toolbox for developers. One of the most important things to learn in React is "components." Imagine components as Lego pieces that make up your website. They're like small, reusable parts that t...DiscussReact
Mohd Junaid Arifmohd-junaid.hashnode.dev·Sep 2, 2023React Components: Understanding React components and their types.Deciphering React Components: Unveiling Types and Dynamics Hello, aspiring React enthusiasts! Today, we embark on a journey to unravel the intricacies of React components, exploring their diverse types and dynamic nature. This guide will equip you wi...DiscussMERN Stack
Manash Roytechblogsbymanash.hashnode.dev·Sep 1, 2023The Ultimate Guide to React Components and PropsUnderstanding React Components and Props React is a popular JavaScript library used for building user interfaces. One of the fundamental concepts in React is the use of components, which are reusable building blocks that encapsulate a piece of UI log...Discuss·5 likesReactReact
Harsh pathakharshpathak.hashnode.dev·Aug 8, 2023Using SVG files as React Components using ViteIf you have recently shifted to Vite from CRA as advised by React Documentation, you can not import SVGs directly as React components. But it's still possible with the help of vite plugins: Create a Vite project yarn create vite my-vue-app --templa...Discuss·30 readsvite