Mengingat dari tulisan sebelumnya kita dapat memproses form dengan berbagai macam cara, ada cara yang lebih mudah lagi untuk memproses sebuah form yakni dengan menggunakan Formik.

Ketika berkaitan dengan Form, ada banyak sekali cara implementasi yang perlu kita ketahui pada ReactJS. Tidak ada benar ataupun salah, selama kita dapat memproses form dengan nyaman dan mudah untuk dikelola nantinya, pemrosesan form dapat diimplementasi sesuai dengan keinginan kita.

Arrow function, atau yang juga dikenal sebagai "fat arrow" function, adalah notasi pendek untuk menulis fungsi anonim di JavaScript. Mereka dianggap sebagai cara yang lebih ringkas dan ekspresif untuk menulis ekspresi fungsi, dan sering digunakan dalam situasi di mana sebuah fungsi diberikan sebagai argumen ke fungsi lain, seperti dalam metode array seperti map dan filter.

Pada saat kita membuat sebuah form di ReactJS, pastinya kita harus menyimpan setiap data dari user input, benar? Tapi sayangnya kebanyakan dari kita mengimplementasikan kode untuk 1 input 1 state seperti berikut:

Pada dasarnya, upload file adalah sebuah aksi mengirimkan data dan biasanya menggunakan method POST/PATCH/PUT sesuai dengan kebutuhan. Pada tulisan kali ini kita akan membahas lebih jauh tentang bagaimana caranya mengimplementasi upload dengan axios dengan library ReactJS.

Kita terkadang bingung dengan cara kerja dari perenderan komponen pada class component dan functional component, akan tetapi jika kita telaah lebih jauh ternyata perbedaannya hanya pada penggunaan lifecycle nya saja.

State adalah sebuah objek yang digunakan dalam komponen React untuk menyimpan data yang dapat diubah-ubah. State digunakan untuk mengontrol kondisi dan perilaku komponen dan dapat digunakan untuk mengubah tampilan komponen. State dapat diubah melalui fungsi setState() yang disediakan oleh React, yang akan memicu render ulang komponen dengan state yang baru.

Pada tulisan sebelumnya kita sudah mendapatkan OAuth Client ID, OAuth Client Secret dan juga Refresh Token untuk digunakan pada nodemailer.

Di tulisan kali ini kita akan melakukan implementasi untuk nodemailer pada nodejs.

Nodemailer adalah modul JavaScript yang bisa kita manfaatkan untuk mengirimkan pesan email dengan mengkonfigurasi SMTP dari email server yang kita miliki.

Axios adalah sebuah library JavaScript yang memungkinkan kita untuk mengirim HTTP request (misalnya, untuk mengambil data dari sebuah API atau untuk mengirim data ke API) ke server.

Axios memudahkan kita untuk melakukan operasi HTTP tanpa harus menggunakan fitur built-in browser seperti XMLHttpRequest atau fetch.