React Component Development for DEVS

When creating React components in the DEVS platform, follow these patterns using HeroUI and project conventions.

Component Structure

Components are organized as:

• src/components/ - Shared/reusable components
• src/pages/ - Route-based page components
• src/features/{feature}/components/ - Feature-specific components

Component Template

import { useState, useCallback } from 'react'
import { Button, Card, CardBody, Spinner } from '@heroui/react'
import { useTranslation } from 'react-i18next'
import { Icon } from '@/components/Icon'