Langsung ke konten utama

Belajar React #1 — Memulai Perjalanan Belajar Saya

Kenapa Saya Belajar React

React adalah salah satu library JavaScript paling populer untuk membangun antarmuka pengguna modern. Banyak perusahaan besar menggunakannya, komunitasnya kuat, dokumentasinya lengkap, dan peluang kerja di bidang Front-End yang menggunakan React sangat luas.

Saya memutuskan untuk belajar React dari dasar, benar-benar dari level pemula, dengan tujuan:

  • Memahami konsep fundamental React, bukan hanya menghafal syntax.

  • Membangun aplikasi nyata menggunakan React.

  • Mendokumentasikan proses belajar saya agar bermanfaat bagi orang lain.

  • Menjadikan tulisan ini sebagai arsip pribadi untuk bahan evaluasi dan pengingat.

Cara Saya Belajar React

Saya mengikuti pendekatan belajar bertahap, berbasis praktik, dan berorientasi pada pemahaman konsep. Setiap topik yang saya pelajari akan saya dokumentasikan di blog ini lengkap dengan contoh kode, catatan kesalahan, dan hal-hal yang saya pelajari.

Setiap artikel akan terdiri dari:

  1. Topik yang dipelajari

  2. Kenapa topik tersebut penting

  3. Pemahaman konsep dengan bahasa sederhana

  4. Contoh kode atau implementasi kecil

  5. Masalah yang saya temui dan solusinya

  6. Hasil belajar di akhir artikel

Rencana Belajar React

Berikut roadmap belajar React yang saya buat untuk diri saya sendiri:

MingguMateri Belajar
1Apa itu React? Kenapa React? Instalasi & Setup Project dengan Vite
2JSX, Components, Props
3State & Event Handling
4List Rendering & Conditional Rendering
5Hooks dasar (useState, useEffect)
6Form & Controlled Components
7Routing dengan React Router
8Context API
9Fetch API & Axios
10Deploy ke Vercel/Netlify

Target Output dari Proses Belajar Ini

Di akhir pembelajaran ini, saya menargetkan untuk:

  • Membuat minimal satu aplikasi React dari awal sampai selesai

  • Memahami cara kerja React tanpa bergantung pada tutorial YouTube

  • Mendapatkan dokumentasi belajar yang bisa dibagikan ke developer lain

  • Memiliki portfolio nyata di GitHub dan blog

Komitmen Saya

Saya akan mempublikasikan satu artikel setiap minggu. Saya percaya bahwa konsistensi lebih penting daripada kecepatan—yang penting terus belajar dan terus bergerak.

Jika kamu mengikuti seri ini atau ingin belajar bersama, silakan tinggalkan komentar atau pertanyaan. Kita bisa berkembang bersama.

Sampai jumpa di artikel selanjutnya: Belajar React #2 — Mengenal JSX, Component, dan Props

Terima kasih sudah membaca 🙏

Disclaimer: Saya masih pemula. Jika ada kesalahan atau penjelasan yang kurang tepat, saya sangat terbuka untuk masukan.

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Seri 9 — Membuat Web App dengan Google Apps Script

Pada seri sebelumnya, kita telah belajar Menghubungkan Google Apps Script dengan API Eksternal . Pada seri ini, kita akan belajar membuat Web App menggunakan Google Apps Script (GAS). Dengan Web App, kita bisa membuat aplikasi berbasis web yang berjalan di server Google — tanpa harus menyewa hosting, tanpa backend kompleks, dan dapat diakses lewat URL! Kita akan membahas: Apa itu Web App di GAS Bagaimana Web App bekerja Struktur fungsi doGet() dan doPost() Membuat Web App sederhana Men-deploy Web App Mengirim data dari HTML ke GAS Contoh Web App mini (form input → Spreadsheet) ✅ 1. Apa Itu Web App di GAS? Web App di Google Apps Script adalah aplikasi web yang berjalan di server Google, dapat diakses melalui URL publik/privat, serta dapat menerima HTTP request (GET/POST). Dengan Web App, kita dapat: ✅ Membuat form custom ✅ Membaca/menulis data ke Google Sheets ✅ Membuat dashboard sederhana ✅ Integrasi API ✅ 2. Cara Kerja Web App Web App bekerja meng...
Posting Komentar
Baca selengkapnya

Daftar Website Yang Membahas Delphi

Dalam artikel ini saya mencoba memberikan daftar situs yang bermanfaat bagi kita semua, Delphi Lover. http://delphi-id.org Situs ini dikomandani mas Luri Darmawan, seorang pendekar delphi di negeri ini yang sudah kondang di mana-mana. Situs ini berupa forum sharing bagi para delphier. Di situs ini kita bisa berbagi informasi tentang teknologi terbaru dari delphi, tips n trick, pertanyaan, dll. http://delphi-id.tk Situs yang bagus. Situs ini (kelihatannya) muncul akibat situs http://delphi-id.org lama down. Tapi akhir-akhir ini kedua situs kakak-adik : ) ini sudah Up semua. http://delphi.about.com Sebuah situs delphi berbahas inggris yang paling lengkap yang pernah saya jumpai. Situs yang dikomnadani oleh Zarco G ini berisi tutorial, tips n Trick, dan artikel-artikel menarik lainnya. Saya sangat menyukai artikel/tuorial tentang OOP. Bahkan saya bisa sedikit mengenal OOP dari situs ini. DI situs ini kita juga bisa mendapatkan newsletter dari satu bab/tutorial yang sedang ...
6 komentar
Baca selengkapnya

Object Oriented Programming (OOP) Pada Delphi - Bag 1

Object Pascal, adalah sebuah bahasa dimana delphi menjadi salah satu IDE (Integrated Development Environment) nya, adalah sebuah bahasa yang mendukung penuh konsep OOP. Sederhananya, bahasa ini memungkinkan bagi programmer untuk membuat dan memanipulasi object. Lebih detailnya, bahasa ini mendukung empat prinsip pokok OOP yaitu : Data Abstraction, Encapsulation, Inheritance, Polymorphism. Mempelajari OOP berbeda dengan mempelajari Delphi. Apalagi bagi seorang yang sudah mengenal bahasa Pascal. Bisa jadi ada orang yang sangat mahir delphi/pascal namun sangat lemah pada konsep OOP. Apa itu OOP? Apa Itu Object? Apa Itu Kelas? OOP adalah semua hal yang berkaitan dengan writing programs that manipulate objects : ). Delphi, Java, C++ adalah beberapa contoh bahasa yang mendukung OOP. Ketiga bahasa di atas mempunyai prinsip-prinsip OOP yang sama, tentunya dengan sintaks (penulisan baris kode program) yang berbeda. Sekali kita sudah menguasai konsep OOP, maka akan begitu mudah mempelaja...
4 komentar
Baca selengkapnya