Expo React Native boilerplate generator
Generator boilerplate Expo React Native yang powerful dan mudah digunakan!
Buat proyek React Native Expo production-ready dalam hitungan detik dengan berbagai template siap pakai. Tidak perlu instalasi, langsung pakai dengan npx!
---
create-ern-boilerplate adalah CLI tool yang membantu kamu membuat project Expo React Native dengan cepat menggunakan template yang sudah dikonfigurasi dengan baik.
ā
Tidak perlu instalasi global - langsung pakai dengan npx
ā
Mode interaktif - pilih template dan konfigurasi dengan mudah
ā
Mode cepat - buat project dalam satu baris perintah
ā
Berbagai template - minimal, redux, dan lainnya
ā
Auto setup - nama project, bundle identifier, dan dependencies otomatis terkonfigurasi
---
Cara tercepat untuk membuat project baru:
``bash`
npx create-ern-boilerplate my-app -y
Atau gunakan alias yang lebih pendek:
`bash`
npx ern-boilerplate my-app -y
Selesai! Project kamu sudah siap dengan template default dan dependencies sudah terinstall.
Jalankan tanpa argumen untuk memilih konfigurasi secara interaktif:
`bash`
npx create-ern-boilerplate
Kamu akan ditanya:
- āļø Nama project
- š Deskripsi project
- šØ Template yang ingin digunakan
- āļø Apakah ingin langsung install dependencies
Contoh interaksi:
`
? Nama project kamu: my-expo-app
? Deskripsi singkat: Aplikasi keren dengan Expo
? Pilih template: redux
? Langsung install dependencies setelah membuat project? Yes
⨠Membuat project my-expo-app...
š¦ Menginstall dependencies...
ā
Project berhasil dibuat!
`
---
Langsung buat project baru tanpa pertanyaan:
`bash`
npx create-ern-boilerplate my-app -y
Atau dengan alias pendek:
`bash`
npx ern-boilerplate my-app -y
Hasilnya:
- ā
Otomatis pakai template default (minimal)
- ā
Dependencies langsung terinstall
- ā
Siap untuk development
---
Tentukan semua konfigurasi langsung di command line:
`bash`
npx create-ern-boilerplate my-app -y --desc "Boilerplate lengkap" --template redux
Atau dengan alias:
`bash`
npx ern-boilerplate my-app -y --desc "Boilerplate lengkap" --template redux
Hasilnya:
- š Project my-app langsung terbuat
- š Deskripsi otomatis terisi
- š§© Menggunakan template redux
- āļø Dependencies auto install
---
`bash`
npx create-ern-boilerplate [nama-project] [opsi]atau
npx ern-boilerplate [nama-project] [opsi]
| Opsi | Deskripsi | Default | Contoh |
|------|-----------|---------|--------|
| [nama-project] | Nama project yang akan dibuat | Akan ditanyakan jika tidak diisi | my-app |-y
| , --yes | Mode cepat tanpa prompt | false | npx create-ern-boilerplate my-app -y |--desc
| | Deskripsi project | "" | --desc "Aplikasi keren" |--template
| | Pilih template tertentu | minimal | --template redux |--install
| | Auto install dependencies | true saat -y | -y --install |
`bashHanya nama project
npx create-ern-boilerplate my-app
---
š§© Template yang Tersedia
Saat ini tersedia beberapa template siap pakai:
| Template | Deskripsi | Cocok untuk |
|----------|-----------|-------------|
|
minimal | Template dasar dengan struktur minimalis | Project sederhana, prototyping cepat |
| redux | Lengkap dengan Redux state management | Aplikasi kompleks dengan state management |
| default | Template standar dengan setup umum | Kebanyakan project |$3
`bash
Template minimal (default)
npx create-ern-boilerplate my-app -yTemplate redux
npx create-ern-boilerplate my-app -y --template reduxTemplate default
npx create-ern-boilerplate my-app -y --template default
`---
š ļø Apa yang Terjadi di Balik Layar?
Saat kamu menjalankan
npx create-ern-boilerplate, ini yang terjadi:1. š„ npx mengunduh package terbaru - Tidak perlu install, npx otomatis download versi terbaru
2. āļø CLI membaca argumen - Memproses command dan opsi yang kamu berikan
3. š¬ Mode interaktif (opsional) - Menampilkan prompt jika kamu tidak pakai flag
-y
4. š Copy template - Template yang dipilih disalin ke folder project baru
5. āļø Auto-configure - Update package.json dan app.json dengan:
- Nama project kamu
- Deskripsi project
- Bundle identifier untuk iOS & Android
6. š¦ Install dependencies - npm install otomatis dijalankan
7. ā
Selesai! - Project siap untuk development---
šÆ Hasil Akhir
Setelah menjalankan perintah:
`bash
npx create-ern-boilerplate my-expo-app -y --template redux
`Kamu akan mendapatkan struktur project seperti ini:
`
my-expo-app/
āāā š± app.json # Konfigurasi Expo
āāā š¦ package.json # Dependencies & scripts
āāā š App.js # Entry point aplikasi
āāā š src/
ā āāā components/ # React components
ā āāā screens/ # Screen components
ā āāā redux/ # Redux store & slices
ā āāā ...
āāā ...
`$3
`bash
Masuk ke folder project
cd my-expo-appJalankan development server
npm startAtau langsung ke iOS/Android
npm run ios
npm run android
`---
š” Tips & Best Practices
$3
- šÆ Mulai dengan mode interaktif terlebih dahulu: npx create-ern-boilerplate
- š Gunakan template minimal untuk belajar struktur dasar
- š Eksplorasi file yang di-generate untuk memahami setup-nya$3
- ā” Gunakan alias pendek: npx ern-boilerplate my-app -y
- šØ Kombinasikan dengan opsi custom untuk workflow lebih cepat
- š§ Template redux cocok untuk aplikasi dengan state management kompleks$3
- ⨠npx selalu menggunakan versi terbaru dari registry
- š Gunakan flag -y untuk skip semua prompt
- š¦ Dependencies otomatis terinstall saat menggunakan -y`---
Ingin menambahkan template atau fitur baru? Contributions are welcome!
1. Fork repository ini
2. Buat branch baru untuk fitur kamu
3. Commit perubahan kamu
4. Push ke branch
5. Buat Pull Request
---
Lisensi: MIT
---
Dibuat dengan ā¤ļø oleh Zedfar
- š§ Email: ulfar.far@gmail.com
- š GitHub: @zedfar
- š¦ NPM: create-ern-boilerplate
---
Jika tool ini membantu kamu, jangan lupa:
- ā Star repository ini
- š Report bugs atau request fitur via Issues
- š¤ Contribute dengan Pull Request
---
Happy Coding! š