LearnReactNative - Fullstack Express & React Native CRUD
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-auto rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
Aplikasi mobile React Native yang terintegrasi dengan backend Express.js dan database. Fitur utama yang diimplementasikan mencakup:
- Service & Env Configuration: Menggunakan Axios dan react-native-dotenv untuk koneksi API.
- RESTful API Integration: Konsumsi endpoint backend untuk menampilkan (GET), menambah (POST), memperbarui (PUT), dan menghapus (DELETE) data posts.
- Media Upload & Validation: Pengunggahan gambar melalui react-native-image-picker serta penanganan pesan validasi secara dinamis.
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-30 h-30 rounded-full object-cover p-1 border-2 border-neutral-200 dark:border-neutral-600 shadow-sm mx-auto transition-opacity duration-500 cursor-zoom-in"
loading="lazy"
x-data
@click="
window.dispatchEvent(new CustomEvent('open-avatar-zoom', {
detail: {
src: $el.currentSrc || $el.src,
alt: $el.alt,
}
}))
"
/>
joy c sijabat
No bio available.
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>