Getting Started

Laman ini adalah ikhtisar dari dokumentasi React dan sumber-sumber terkait.

React adalah library JavaScript untuk membangun antarmuka pengguna (user interface). Pelajari apa sebenarnya React itu di beranda kami atau di dalam tutorial.


Coba React

React telah dirancang dari awal untuk adopsi bertahap, dan anda dapat menggunakan sedikit atau sebanyak yang diperlukan. Baik Anda ingin mencicipi menggunakan React, menambahkan beberapa interaktivitas ke laman HTML sederhana, atau memulai aplikasi React yang kompleks, tautan di bagian ini akan membantu Anda untuk memulai.

Online Playgrounds

Jika Anda tertarik bermain dengan React, Anda dapat menggunakan online code playground. Coba template Hello World di CodePen, CodeSandbox, Glitch, atau Stackblitz.

Jika Anda memilih untuk menggunakan text editor sendiri, Anda juga dapat mengunduh berkas HTML ini, sunting, dan buka itu dari filesystem lokal pada peramban Anda. Hal tersebut memperlambat transformasi runtime code, jadi kami merekomendasikan menggunakan ini untuk demonstrasi sederhana.

Tambahkan React ke Website

Anda dapat menambahkan React ke laman HTML dalam satu menit. Anda juga dapat secara bertahap memperluas kehadirannya, atau menyimpannya di beberapa widget dinamis.

Buat Aplikasi React Baru

Ketika memulai proyek React, laman HTML sederhana dengan script tags mungkin masih menjadi pilihan terbaik. Hanya membutuhkan waktu semenit untuk memulai!

Saat aplikasi Anda berkembang, Anda mungkin perlu mempertimbangkan pengaturan yang lebih terintegrasi. Ada beberapa JavaScript toolchain yang kami rekomendasikan untuk aplikasi besar. Masing-masing dari mereka dapat bekerja dengan sedikit atau tanpa konfigurasi dan memungkinkan Anda mendapatkan keuntungan penuh dari ekosistem React. Pelajari cara penggunaannya di sini.

Belajar React

Orang datang menggunakan React dari berbagai latar belakang dan dengan cara belajar yang berbeda-beda. Apakah Anda lebih suka pendekatan yang lebih teoritis atau praktis, kami harap Anda akan menemukan bagian yang bermanfaat.

Seperti halnya teknologi yang tidak dikenal, React memiliki kurva pembelajaran. Dengan latihan dan kesabaran, Anda dapat menguasainya.

Contoh Pertama

Beranda React berisi beberapa contoh kecil React dengan live editor. Bahkan jika Anda tidak mengetahui apapun tentang React sebelumnya, cobalah untuk mengubah kodenya dan lihat hasilnya secara langsung.

React untuk Pemula

Jika Anda merasa dokumentasi React terlalu sulit untuk Anda ikuti, cek ikhtisar React ini oleh Tania Rascia. Ini memperkenalkan konsep terpenting React secara terperinci, mudah untuk pemula. Setelah selesai, cobalah dokumentasi yang lain!

React untuk Desainer

Jika Anda datang dari latar belakang desain, sumber-sumber ini adalah tempat yang bagus untuk memulai.

Sumber Daya JavaScript

Dokumentasi React mengasumsikan Anda sudah terbiasa dengan pemrograman menggunakan bahasa JavaScript. Anda tidak harus ahli, tetapi akan lebih sulit untuk belajar React dan JavaScript di waktu yang bersamaan.

Kami sarankan untuk menggunakan ikhtisar JavaScript ini untuk memeriksa tingkatan pengetahuan Anda. Ini akan membutuhkan waktu sekitar 30 menit sampai dengan satu jam tetapi Anda akan merasa lebih percaya diri untuk belajar React.

Tip

Ketika Anda dibingungkan oleh sesuatu pada JavaScript, MDN dan javascript.info adalah website yang bagus untuk Anda periksa. Ada juga forum bantuan komunitas dimana Anda dapat meminta bantuan.

Tutorial Praktis

Jika Anda lebih suka belajar dengan mempraktikkan periksa tutorial kami. Dalam tutorial ini, kami membuat game tic-tac-toe dengan React. Anda mungkin tergoda untuk melewati karena Anda tidak membuat game — tetapi berikanlah kesempatan untuk mencoba. Teknik yang akan Anda pelajari dalam tutorial ini sangat penting untuk membangun aplikasi apapun dengan React, dan menguasainya akan memberi Anda pemahaman yang lebih dalam.

Panduan Langkah demi Langkah

Jika Anda lebih suka untuk belajar konsep langkah demi langkah, panduan konsep utama adalah tempat terbaik untuk memulai. Setiap bab lanjutan di dalamnya dibangun dari pengetahuan yang diperkenalkan pada bab sebelumnya sehingga Anda tidak akan kehilangan apapun saat Anda belajar.

Berpikir dalam React

Banyak pengguna React mengakui membaca Thinking in React sebagai momen dimana React akhirnya “clicked” untuk mereka. Ini mungkin panduan React yang paling tua tetapi masih relevan.

Terkadang orang mencari buku dan video kursus lebih membantu daripada dokumentasi resmi. Kami memelihara daftar sumber daya rekomendasi yang umum, beberapa di antaranya gratis.

Konsep Lanjutan

Setelah Anda merasa nyaman dengan konsep utama dan bermain dengan React, Anda mungkin tertarik dengan topik yang lebih lanjut. Bagian ini akan memperkenalkan Anda pada fitur React yang powerful, tetapi kurang umum digunakan seperti context and refs.

Referensi API

Bagian dokumentasi ini berguna ketika Anda ingin belajar lebih jauh mengenai React API. Misalnya, referensi API React.Component dapat memberi Anda detail dari bagaimana setState() bekerja, dan perbedaan serta kegunaan metode lifecycle.

Glosarium dan FAQ

Glosarium berisi ikhtisar paling umum yang akan ada lihat pada dokumentasi React. Ada juga bagian FAQ yang didedikasikan untuk pertanyaan dan jawaban singkat tentang topik umum, termasuk membuat AJAX requests, component state, dan file structure.

Tetap Terinformasi

React blog adalah sumber resmi untuk pembaruan dari tim React. Apapun yang penting, termasuk catatan rilis atau pemberitahuan penghentian, akan di posting terlebih dahulu disana.

Anda juga dapat mengikuti akun @reactjs di Twitter, tetapi Anda tidak akan kehilangan sesuatu yang penting jika hanya membaca blog.

Tidak setiap rilis React mendapatkan postingan sendiri pada blog, tapi Anda dapat menemukan changelog terperinci untuk setiap rilis di berkas CHANGELOG.md pada repositori React, dan juga pada laman Rilis.

Dokumentasi Berversi

Dokumentasi ini selalu mencerminkan versi stabil terbaru dari React. Sejak React 16, Anda dapat menemukan versi dokumentasi yang lebih lama pada halaman terpisah. Perhatikan dokumentasi untuk versi yang lama adalah snapshotted pada saat rilis, dan tidak diperbaharui.

Ada yang Hilang?

Jika ada sesuatu yang hilang di dalam dokumentasi atau jika Anda menemukan bagian yang membingungkan, Mohon untuk mengajukan issue pada repositori dokumentasi dengan saran Anda untuk peningkatan, atau tweet di akun @reactjs. Kami suka mendengarnya darimu!

Is this page useful?Edit halaman ini