tl:dr; cukup gunakan ini https://learnredux.com/
Namun mengapa?
Aplikasi reaktif telah menjadi tren akhir-akhir ini di bidang front-end. Perusahaan seperti Google, Facebook, dan PayPal telah mengambil alih konsep ini dan mendorong ke arah front-end berbasis komponen yang intensif data.
Kemampuan untuk mengambil komponen dan menggunakannya kembali dengan mudah di tempat lain sudah menjadi hal yang lumrah di dunia backend berorientasi modul selama beberapa dekade dan sekarang berkat alat seperti Webpack, React, Angular, dan Vue, hal yang sama juga berlaku untuk pengembangan front end.
Hampir menjadi suatu keharusan bagi setiap calon insinyur front-end untuk mulai menjadi produktif dalam paradigma ini. jQuery dengan cepat menjadi tidak berguna dalam lanskap baru ini dan mungkin sulit untuk menentukan jalan yang harus diambil. Ini mungkin sedikit membebani pada awalnya, tetapi kami siap membantu Anda mengatasi kesulitan tersebut.
Bagaimana cara memulainya?
Hal pertama adalah memastikan bahwa Anda sepenuhnya memahami seluk beluk salah satu bahasa paling unik yang mungkin pernah Anda gunakan.
- http://eloquentjavascript.net/3rd_edition/
- https://github.com/getify/You-Dont-Know-JS
- http://shop.oreilly.com/product/9780596517748.do
Kerangka kerja apa yang saya gunakan?
Menulis javascript vanilla itu sulit, membangun seluruh aplikasi dalam javascript bahkan lebih sulit lagi. Gunakan kerangka kerja untuk membantu menangani beberapa bagian jelek dari javascript.
- React.js (“https://reactjs.org/”)
- Vue.js (“https://vuejs.org/”)
- Angular.js (“https://angular.io/”)
Dengan menggunakan salah satu kerangka kerja, Anda mendapatkan akses ke beberapa pola paling umum yang digunakan di perusahaan terbesar saat ini. Masing-masing memiliki kekuatan dan kelemahannya sendiri, namun untuk sebagian besar aplikasi, semua akan berfungsi dengan baik.
Kami di DevX sangat merekomendasikan penggunaan React karena ini adalah salah satu kerangka kerja yang paling banyak digunakan di industri. Ia juga memiliki ekstensi luar biasa seperti React Native, React VR, dan Proton yang memperluas React lebih dari sekadar web.
Jadi bagaimana cara belajar React?
- https://egghead.io/courses/the-beginner-s-guide-to-reactjs
- https://reactjs.org/docs/hello-world.html
- https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2
Kami sangat menyarankan agar Anda menggunakan sesuatu seperti “Buat Aplikasi React” untuk memulai, karena pengaturan untuk React mungkin sulit pada awalnya. (“https://github.com/facebook/create-react-app”)
Ini bagus dan semuanya, tapi ini mendasar!
Ya itu sangat mendasar, itulah intinya. React hanya menyediakan lapisan Tampilan pada aplikasi Anda, ia menyerahkan perutean, penanganan data, pengambilan, autentikasi, dll kepada pengguna sehingga membuatnya sangat fleksibel. Ini juga berarti bahwa sangat sulit untuk memulai dan benar-benar membangun aplikasi yang lengkap di React.
Oke jadi bagaimana cara melakukan routing?
Gunakan Bereaksi Router. (v4 pada saat ini) Ini sangat deklaratif dan cukup mudah untuk dipahami dengan cepat.
- https://reacttraining.com/react-router/
- https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf
Tapi bagaimana dengan datanya?
Ini adalah bagian terpenting dari setiap aplikasi front end dan tentu saja yang paling sulit. Ada banyak kata kunci di sini seperti aliran data searah, fungsi murni, fluks, redux, dll. Ini umumnya merupakan pola arsitektur yang dapat Anda gunakan dengan kerangka kerja mana pun yang tercantum di atas, tetapi sebagian besar dibuat dengan mempertimbangkan React. Ini mungkin sangat menakutkan pada awalnya, namun kenyataannya semuanya cukup mendasar. Berikut beberapa opsi yang dapat Anda gunakan.
Flux, OG dari facebook.
Redux, standar emas.
- https://redux.js.org/
- https://learnredux.com/
- https://egghead.io/courses/getting-started-with-redux
- https://egghead.io/courses/building-react-applications-with-idiomatic-redux
MobX, kambing hitam.
- https://mobx.js.org/getting-started.html
- https://github.com/mobxjs/mobx
- https://egghead.io/courses/manage-application-state-with-mobx-state-tree
Untuk sebagian besar, kami menggunakan redux di sini di DevX. Ini adalah apa yang digunakan sebagian besar perusahaan di industri dan cukup intuitif setelah Anda terbiasa.
Besar! Saya mengerti semuanya sekarang, kemana saya bisa pergi setelah ini?
Dunia adalah tirammu! Saat ini terdapat ekosistem baru di sekitar React yang memungkinkan Anda melakukan banyak hal.
React Native, buat aplikasi seluler dengan kecepatan asli.
Bereaksi VR, seperti Pokemon Go.
Elm, ayah baptis Redux.
Pola Tingkat Lanjut.
Menguji di Bereaksi.
Apakah Anda tertarik untuk membangun aplikasi yang bermakna dan belajar dari orang-orang yang berpikiran sama? Maka DevX mungkin cocok untuk Anda. Kami mencari Pengembang, Desainer, dan PM setiap kuartal untuk membantu Anda mengembangkan keterampilan Anda melalui pembuatan aplikasi yang membuat perbedaan. Bergabunglah dengan milis kami di https://ucladevx.com! Jika Anda menikmati artikel ini, beri kami tepuk tangan meriah.
