Selamat datang di panduan JavaScript Stack modern saya: JavaScript Stack dari Nol.
Panduan ini diterjemahkan dari versi aslinya di https://github.com/verekia/js-stack-from-scratch
Ini adalah panduan versi 2 🎉 Banyak perubahan besar sejak peluncuran tahun 2016. Lihat perubahannya di sini Change Log!
Ini adalah panduan ringkas dan tepat untuk membuat JavaScript Stack. Dibutuhkan sedikit pengetahuan pemrograman dan dasar-dasar JavaScript. Tutorial ini akan berfokus pada penggunaan program-program pengembang secara bersamaan dan memberikan anda contoh-contoh sesederhana mungkin untuk setiap program-program pengembang. Anda dapat mengimplementasikan panduan ini sebagai metode untuk membuat boilerplate anda sendiri dari nol. Oleh karena tujuan tutorial ini adalah untuk menggunakan program-program pendukung secara bersamaan, saya tidak akan merinci lebih lanjut bagaimana program-program tersebut bekerja satu per satu. Silakan periksa panduan masing-masing program tersebut atau carilah panduan penggunaan program-program tersebut jika anda ingin mengetahui lebih lanjut.
Anda tidak perlu menggunakan semua program-program pengembang yang ada di panduan ini, jika anda hanya membuat sebuah halaman web yang sederhana dengan beberapa interaksi JavaScript tentunya (kombinasi dari Browserify/Webpack + Babel + jQuery sudah cukup untuk menulis program ES6 di beberapa file), tetapi jika anda ingin membuat aplikasi web yang berskala, dan membutuhkan bantuan untuk pengaturan segala aspek aplikasi anda, tutorial ini akan sangat berguna buat anda.
Sebagian besar dari program-program yang dijelaskan di panduan ini menggunakan React. Jika anda baru saja mengenal React atau ingin mempelajarinya, create-react-app akan membantu anda dengan cepat memulai React dan menjalankannya dengan pengaturan-pengaturan awal yang telah tersedia. Saya sangat merekomendasikan panduan tersebut jika anda baru saja bergabung dengan tim yang telah sebelumnya menggunakan React, sehingga anda dapat mengejar pembelajaran React dengan cepat. Di panduan ini, anda tidak akan menggunakan pengaturan yang telah tersedia, karena saya ingin anda memahami semua aspek yang akan dijalankan di dalam program.
Contoh-contoh program tersedia di setiap bab, dan anda dapat menjalankan seluruh program-programnya dengan perintah yarn && yarn start. Saya merekomendasikan anda untuk menulis sendiri seluruh program dari nol dengan mengikuti Instruksi Langkah demo Langkah.
Program yang sudah selesai tersedia di JS-Stack-Boilerplate repository, dan di releases. Tersedia juga live demo.
Panduan ini berlaku untuk sistem operasi Linux, macOS, dan Windows.
02 - Babel, ES6, ESLint, Flow, Jest, Husky
06 - React Router, Server-Side Rendering, Helmet
09 - Travis, Coveralls, Heroku
Pengaturan editor anda (terlebih dahulu Atom), MongoDB, Progressive Web App.
Jika anda ingin menambahkan terjemahan anda, silakan baca rekomendasi terjemahan untuk memulai proses penerjemahan!
Silakan periksa terjemahan yang tersedia.
- 中文 oleh @pd4d10
- Italiano oleh Fabrizio Bertone
- 日本語 oleh @takahashim
- Русский oleh React Theming
- ไทย oleh MicroBenz
Panduan ini dibuat oleh @verekia – verekia.com.
Lisensi: MIT