Table of Contents Pengenalan Apa itu Next.js Next.js adalah sebuah React framework yang dibuat untuk mengatasi masalah client-side rendering yang dimiliki React. Kapan Menggunakan Next.js Sebuah halaman website yang dibuat menggunakan React ‘terasa ringan’ karena tampilan website sangat interaktif. Selain itu, saat data...

Table of Contents Pengenalan Axios adalah sebuah HTTP client library yang memungkinkan kita untuk melakukan request ke sebuah endpoint(Rest Api misal). Sebetulnya Reactjs sendiri memiliki metode bawaan bernama Fetch untuk menangani hal serupa namun tidak bisa dipungkiri bahwa kebanyakan developer menggunakan Axios...

Table of Contents Pengenalan Apa itu Redux Apa Itu Redux? Redux adalah salah satu library state management yang biasa dipakai dengan react.Fungsinya Apa? Fungsinya sederhana yaitu menyimpan state di satu tempat, sehingga lebih mudah untuk di manage. Biasanya tanpa state...

Table of Contents Installasi Buka terminal, lalu masuk ke  direktori installasi react misal my-app jelankan perintah berikut. npm i -D react-router-dom Folder Struktur Selanjutnya kita akan membuat direktori pages dan beberapa file baru dengan struktur sebagai berikut.srcpages:Layout.jsHome.jsBlogs.jsContact.jsNoPage.js Layout.jsx import {...

Table of Contents Pengenalan Hooks merupakan fitur baru di React 16.8. Dengan Hooks, kita dapat menggunakan state dan fitur React yang lain tanpa perlu menulis sebuah kelas baru. Salah satunya yaitu useState diperkenalkan melalui kode di bawah ini. import React,...

Table of Contents Kebutuhan NodeJs install disiniIDE, yang paling populer adalah VSCode (gratis). Memulai Project npx create-react-app my-app cd my-app npm start Browser Aplikasi http://localhost:3000 akan otomatis terbuka dan tampil halaman seperti berikut. Buka Visual Studio Code Terminate server  dengan...