Avatar
Angga Handoyo
Posted 23 Dec 2023
366 views
Open

Best Practices untuk React Component Structure

Frontend react javascript structure

Saya baru mulai belajar React dan ingin tahu best practices untuk structuring components.

Saat ini struktur project saya seperti ini:


        src/
          components/
            Button.js
            Card.js
            Input.js
          pages/
            Home.js
            About.js
          App.js

Apakah ada saran untuk improve structure ini? Dan bagaimana cara yang baik untuk manage state?

Jawaban (2)

Berikut beberapa best practices untuk React project structure:


        src/
          components/
            common/          # Shared components
              Button/
                index.js
                styles.js
                types.ts
            features/        # Feature-specific components
              Auth/
              Dashboard/
          hooks/            # Custom hooks
          services/         # API calls
          utils/            # Helper functions
          contexts/         # React contexts
          styles/           # Global styles

Untuk state management:

  1. Gunakan React Context untuk global state
  2. Redux/MobX untuk aplikasi yang lebih kompleks
  3. React Query untuk state yang berhubungan dengan API
Avatar Angga Handoyo • 2 tahun yang lalu 

  hooks/            # Custom hooks
          services/         # API calls
          utils/            # Helper functions
          contexts/         # React contexts
          styles/           # Global styles
Avatar Reza Hardian • 6 bulan yang lalu
Silakan login untuk memberikan jawaban
Thread Stats
Views 366
Replies 2
Status Open