Buat Sendiri Saja Dengan REACT JS !! Aplikasi Pencatatanmu | Membuat To Do List Dengan React JS
Di video ini kita akan membuat crud dengan react js. Di mana kita akan belajar bersama cara membuat aplikasi To Do List sederhana menggunakan React JS. Dalam tutorial ini, kita akan mengimplementasikan proses CRUD (Create, Read, Update, Delete) secara lengkap. Dengan mengikuti langkah-langkah yang dijelaskan, teman-teman akan dapat memahami dasar-dasar React JS sekaligus mempraktekkan cara mengelola data dalam aplikasi.
Berikut ini adalah poin-poin utama yang akan kita bahas dalam video:
Setup Project: Memulai proyek baru dengan Create React App.
Create: Menambahkan fitur untuk membuat to-do baru.
Read: Menampilkan daftar to-do yang sudah ada.
Update: Mengedit to-do yang sudah dibuat.
Delete: Menghapus to-do dari daftar.
Jangan khawatir jika teman-teman baru mengenal React JS, karena kita akan membahas setiap langkah dengan jelas dan detail.
Jangan lupa untuk like, subscribe, dan nyalakan lonceng notifikasi agar teman-teman tidak ketinggalan tutorial menarik lainnya!
Tonton video ini sampai selesai, dan mari kita mulai petualangan coding kita bersama!
🔗 LINK
==============================
- Link Script CSS. HTML : https://gist.github.com/dirumahrafif/76189c87609735030cc7298ccaff6732
- Repository : https://github.com/dirumahrafif/reactjs-todolist
⏳ TIMELINE
==============================
00:00:00 Intro
00:01:04 Instal ReactJs
00:09:31 Buat Component Form (link gist)
00:13:28 Buat Component List
00:18:20 Proses Terima Inputan
00:26:30 Proses Simpan Data
00:45:19 Proses Ubah Status
01:00:06 Tombol Naik Turun
01:11:46 Fungsi Naik Turun
01:22:45 Fungsi Hapus
01:27:28 Perbaikan ID
01:29:46 Simpan Tasks di Local Storage
01:35:25 Info Header
01:40:07 Deploy Ke Vercel
🔰 COURSE PREMIUM
==============================
🏷️Tutorial Laravel : https://dirumahrafif.id/course/laravel
🏷️Tutorial Booststrap : https://dirumahrafif.id/course/bootstrap
▶️ FOLLOW KAMI
==============================
🕸️ Website: http://dirumahrafif.id/
💰 Donasi: https://saweria.co/dirumahrafif
🖼️ IG: https://www.instagram.com/dirumah.rafif
📂 Github: https://github.com/dirumahrafif
⚙️ PERALATAN SAYA
==============================
▪️ Mic Condensor Fifine K66GB
https://shope.ee/7UeeJDWhBy
⚡POPULAR VIDEO
==============================
https://www.youtube.com/watch?v=5JwWqjd4e9o
https://www.youtube.com/watch?v=ZgNH0UfakeM
https://www.youtube.com/watch?v=93lDKPSE3us
https://www.youtube.com/watch?v=Y8jE5_ky1ec
❓ Pertanyaan ❓
Silakan sampaikan pertanyaan sehingga semoga saya atau yang lainnya bisa membantu.
Pertanyaan, Informasi, silakan email di bawah ini
💌 Email: dirumahrafif@gmail.com
Terima kasih,
Видео Buat Sendiri Saja Dengan REACT JS !! Aplikasi Pencatatanmu | Membuat To Do List Dengan React JS канала Dirumahrafif
Berikut ini adalah poin-poin utama yang akan kita bahas dalam video:
Setup Project: Memulai proyek baru dengan Create React App.
Create: Menambahkan fitur untuk membuat to-do baru.
Read: Menampilkan daftar to-do yang sudah ada.
Update: Mengedit to-do yang sudah dibuat.
Delete: Menghapus to-do dari daftar.
Jangan khawatir jika teman-teman baru mengenal React JS, karena kita akan membahas setiap langkah dengan jelas dan detail.
Jangan lupa untuk like, subscribe, dan nyalakan lonceng notifikasi agar teman-teman tidak ketinggalan tutorial menarik lainnya!
Tonton video ini sampai selesai, dan mari kita mulai petualangan coding kita bersama!
🔗 LINK
==============================
- Link Script CSS. HTML : https://gist.github.com/dirumahrafif/76189c87609735030cc7298ccaff6732
- Repository : https://github.com/dirumahrafif/reactjs-todolist
⏳ TIMELINE
==============================
00:00:00 Intro
00:01:04 Instal ReactJs
00:09:31 Buat Component Form (link gist)
00:13:28 Buat Component List
00:18:20 Proses Terima Inputan
00:26:30 Proses Simpan Data
00:45:19 Proses Ubah Status
01:00:06 Tombol Naik Turun
01:11:46 Fungsi Naik Turun
01:22:45 Fungsi Hapus
01:27:28 Perbaikan ID
01:29:46 Simpan Tasks di Local Storage
01:35:25 Info Header
01:40:07 Deploy Ke Vercel
🔰 COURSE PREMIUM
==============================
🏷️Tutorial Laravel : https://dirumahrafif.id/course/laravel
🏷️Tutorial Booststrap : https://dirumahrafif.id/course/bootstrap
▶️ FOLLOW KAMI
==============================
🕸️ Website: http://dirumahrafif.id/
💰 Donasi: https://saweria.co/dirumahrafif
🖼️ IG: https://www.instagram.com/dirumah.rafif
📂 Github: https://github.com/dirumahrafif
⚙️ PERALATAN SAYA
==============================
▪️ Mic Condensor Fifine K66GB
https://shope.ee/7UeeJDWhBy
⚡POPULAR VIDEO
==============================
https://www.youtube.com/watch?v=5JwWqjd4e9o
https://www.youtube.com/watch?v=ZgNH0UfakeM
https://www.youtube.com/watch?v=93lDKPSE3us
https://www.youtube.com/watch?v=Y8jE5_ky1ec
❓ Pertanyaan ❓
Silakan sampaikan pertanyaan sehingga semoga saya atau yang lainnya bisa membantu.
Pertanyaan, Informasi, silakan email di bawah ini
💌 Email: dirumahrafif@gmail.com
Terima kasih,
Видео Buat Sendiri Saja Dengan REACT JS !! Aplikasi Pencatatanmu | Membuat To Do List Dengan React JS канала Dirumahrafif
Комментарии отсутствуют
Информация о видео
24 мая 2024 г. 17:13:25
01:44:38
Другие видео канала