Bama Charan Chhandogibamacharan.hashnode.dev·Apr 9, 2024Introducing react-gfg: Fetch Your Geek for Geeks Profile Details with EaseIntroduction: As developers, we want to showcase our coding skills on our portfolio or other websites. There are several well-known online coding platforms like LeetCode and Geek for Geeks. Geek for Geeks is a popular platform where developers practi...Discuss·27 readsgfg-components
Lokesh Sharmalokeshkavisth.hashnode.dev·Mar 26, 2024Level Up Your React: Adding Basic TypeScript for Stronger ComponentsBuilding React applications often involves moving data and manipulating the DOM. JavaScript, while strong, is prone to type mistakes at runtime. TypeScript, a superset of JavaScript, comes to the rescue by ensuring type safety, resulting in more robu...DiscussThe Dev Diaries: 100 Days, 100 BlogsTypeScript
Lokesh Sharmalokeshkavisth.hashnode.dev·Mar 23, 2024Building Reusable and Styled React Components with Tailwind CSS: Inspired by Shadcn/uiShadcn/ui has become a popular choice for building UIs in React projects. a strength rests in a set of well-styled and reusable components that take advantage of Tailwind CSS. This blog post has shown you how to create identical components in your Re...DiscussThe Dev Diaries: 100 Days, 100 Blogstailwind variants
Piyush NanwaniforAtomxelblog.atomxel.com·Mar 16, 2024React Components: Function-Based vs Class-BasedChoosing function based components or class based components is a common question a lot of us face when starting your React journey. In this blog, we will talk about both of these approaches and guide you along with examples. Function-Based Component...Discuss·35 readsReact
Dhaval Patel (pdhavalm)pdhavalm.hashnode.dev·Mar 2, 2024Top 10 Trending Features and Practices in React Development: A Comprehensive OverviewAs of my last update in January 2022, I don't have real-time access to current trends. However, React is a rapidly evolving technology with frequent updates and new features. Some recent trends and features in React development that were gaining trac...DiscussReact
Sasika Chandilasasika.hashnode.dev·Feb 20, 2024Unraveling the Depth of React Class ComponentsIntroduction React, the JavaScript library for building user interfaces presents developers with various paradigms to architect their applications. Despite the rise of functional components and hooks, React class components remain a cornerstone in ma...Discuss·1 likeReact Class Components
Sasika Chandilasasika.hashnode.dev·Feb 6, 2024Understanding React Components: A Comprehensive GuideIntroduction: React, a JavaScript library developed by Facebook, has revolutionized the way developers build user interfaces. At the heart of React lies the concept of components, which are modular, reusable building blocks for creating UI elements. ...Discuss·2 likesReact
Nishant Sharma4learners.hashnode.dev·Jan 21, 2024Chip component with Search filter - Part 1What are we building ? https://www.loom.com/share/7d54b6006a7242c19f58514739889d25?sid=f313cb47-2fc6-47be-9964-8c1a92d0231e Go visit site at Chip component with search filter. Project setup Create a new vite project run npx create-vite@latest my-vi...Discusssearch filter
Segun Ajibolablog.segunajibola.com·Dec 19, 2023Import and Export React Components Like a ProReact components often rely on one another to work well, thus developers use the import and export keyword often. In this article, I will show you a better and cleaner way to import and export files in React. Let's start with looking at how the expor...Discuss·11 likes·182 readsExport Import Data
DongJin Kimdongjinkim.vercel.app·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·42 readsReact