Halo semuanya,
Perkenalkan saya albiruni, seorang freelancer front end developer. Pada kesempatan ini, saya akan sharing tentang belajar react.js dari nol untuk pemula. Artikel ini akan memiliki beberapa seri maka dari itu kalian bisa langsung bookmark blog ini di browser kesayangan kalian. Oke, langsung saja kita mulai ya.
Apa itu React.js ?
Menurut reactjs.org, React adalah sebuah library yang dibuat oleh facebook yang digunakan untuk membangun User Interface aplikasi.
jadi react.js ini adalah sebuah library, bukan framework.
kembali lagi ke perbedaan library dan framework, singkatnya library adalah sekumpulan kode yang terabstraksi yang dapat digunakan ke dalam codebase kita. sedangkan framework adalah kerangka kerja yang sudah terstruktur secara design pattern sehingga bisa digunakan untuk mempercepat proses coding.
oke, jadi react.js tidak menyediakan sebuah kerangka kerja yang spesifik, karna react.js adalah library javascript yang bisa disisipkan di project manapun. prinsipnya sama seperti jquery, kita bisa menggunakannya kapanpun dan dimanapun.
Tapi...
React.js menyediakan sebuah project setup untuk memudahkan kita memulai project dengan react.js sehingga kita tidak perlu mengatur project react.js dari awal. project setup ini bernama Create React App ( CRA ). CRA dikembangkan langsung oleh facebook sehingga kita tidak perlu khawatir tentang konfigurasi.
Keuntungan Belajar React.js
- Deklaratif , kita bisa mengatur tampilan website dengan UI yang kompleks
- Berbasis component, kita bisa membuat komponen yang reusable sehingga tidak perlu menulis kode berulang - ulang
- Belajar sekali, ngoding di berbagai platform, kita bisa membuat web app, desktop apps bahkan mobile apps sekalipun
- Banyak loker di luar negeri atau indonesia yang membutuhkan React.js Developer
Memulai Project React.js
Untuk memulai project react.js, kita memerlukan Node.js dan NPM.
Jika kalian sudah menginstall node.js, maka npm sudah terinstall secara otomatis.
Ikuti steps ini untuk memulai project React.js dengan Creact React App
1. Buka cmd atau terminal kalian
2. Ketika npx create-react-app nama-project-kalian
npx create-react-app my-app
3. Lalu ketik cd nama-project-kalian untuk pindah ke directory project
cd my-app
4. Lalu ketik npm start untuk menjalankan project
npm start
5. Jika muncul seperti ini maka instalasi project sudah berhasil
Sebagai kesimpulan, react.js adalah sebuah teknologi yang powerful untuk membuat UI yang kompleks
untuk project kita dan belajar react.js juga memiliki banyak keuntungan yang bisa diambil untuk
masa depan nanti.
Oke, mungkin itu saja untuk pengenalan react.js kali ini, di artikel selanjutnya kita akan belajar syntax react.js
seperti JSX, Props, state dan lain lain. Jika kalian suka dengan konten seperti ini kalian bisa support saya
dengan membagikan tutorial ini ke temen-temen kalian.
Terimakasih dan sampai jumpa di seri selanjutnya ya.
Post a Comment
Kalo ada pertanyaan atau request bisa langsung komen disini ya