Skip to main content

6 posts tagged with "Front End"

View All Tags

· 2 min read
Jacky Rusly

Pada artikel kali ini saya akan berbagi tentang Modal Konfirmasi Menggunakan Promise Pada Aplikasi React. Apakah kalian pernah terpikir bisa menggunakan async await pada modal konfirmasi? Contohnya seperti berikut ini:

const isOk = await showConfirmation('Are you sure you want to submit?');

if (isOk) {
callApi();
}

Example

Hanya perlu dipanggil pada level js dan modal akan muncul sehingga sangat praktis dan mudah untuk menggunakan fungsi tersebut berulang-ulang.

Teknik ini juga bisa digunakan pada kasus-kasus lainnya seperti:

  • Snackbar/Toast
  • Modal peringatan

Untuk mengetahui lebih lanjut bagaimana cara membuatnya, mari baca terus ya sampai selesai dan lebih baik lagi kalau sambil dipraktikkan.

· 3 min read
Jacky Rusly

Pada artikel kali ini saya akan membahas Position Relative dan Absolute Pada CSS. Penting sekali sebagai Frontend kita tahu bedanya position relative dan absolute. Saya akan coba contohkan bagaimana caranya kita bisa membuat Search Input seperti gambar berikut ini:

Search Example

· 3 min read
Jacky Rusly

Pada artikel kali ini saya akan membahas Server Side Rendering (SSR) vs Client Side Rendering (CSR). Sangat penting untuk memahami perbedaan antara keduanya agar kita bisa memutuskan apakah menggunakan SSR atau CSR pada project-project yang akan kita buat.

· 4 min read
Jacky Rusly

Di artikel ini saya akan membahas bagaimana caranya untuk deploy aplikasi React kita ke CloudFront. Deploy ini hanya bisa dilakukan untuk aplikasi React yang berbasis SPA (Single Page Application) atau Client Side Rendering karena proses buildnya akan menghasilkan static files yang nantinya dapat kita upload ke S3 (Amazon Simple Storage Service).

Buat Project React

Kali ini saya akan membuat project React dengan menggunakan yarn dan vite.

yarn create vite

Create React Project

Kemudian bisa diisi saja opsi-opsinya sesuai dengan yang diinginkan, misalnya:

  • Name: react-cloudfront
  • Framework: React
  • Variant: TypeScript

· 2 min read
Jacky Rusly

Cover

Beberapa waktu lalu saya ingin release aplikasi iOS yang saya buat. Aplikasi ini menggunakan React Native v0.70.4, namun ketika melakukan Archive di Xcode, saya mendapatkan error berikut:

main.jsbundle does not exist. This must be a bug with React Native, please report it here: https://github.com/facebook/react-native/issues

Berikut adalah solusinya: