Berapa banyak JavaScript yang harus dipelajari sebelum mempelajari React?

Berapa banyak JS yang harus saya ketahui sebelum saya mulai belajar React – ini adalah pertanyaan yang sangat umum yang saya tanyakan setiap saat. Dalam posting blog ini, saya akan menguraikan beberapa mitos dan juga mencantumkan beberapa topik/hal yang sangat penting yang harus Anda ketahui sebelum Anda memulai React, atau perpustakaan/kerangka kerja serupa lainnya (Angular, Vue, dll.)

Anda tidak perlu mempelajari semua JavaScript

Tekankan pada kata kunci "semua". Hal yang sangat penting adalah jika tujuan Anda adalah menjadi, katakanlah seorang pengembang frontend ( panduan lengkapnya di sini ), Anda tidak ingin menghabiskan bulan demi bulan hanya untuk persiapan JavaScript.

Campuran ideal yang berhasil bagi saya adalah belajar "cukup" untuk beralih ke Bereaksi. Ini sama sekali tidak berarti bahwa Anda telah mempelajari JavaScript. Ini hanya berarti Anda tidak perlu melakukannya. JavaScript, seperti bahasa pemrograman apa pun, bisa sangat luas, terutama dengan semua alat dan ekosistem di sekitarnya. Oleh karena itu, sangat penting untuk menyiapkan inti, pemahaman mendasar tentang JavaScript sebelum Anda mempelajari apa pun yang melibatkan JavaScript.

Haruskah saya belajar Bereaksi secara langsung tanpa JavaScript?

Orang yang berbeda mungkin memberikan jawaban yang berbeda di sini. Jangan tertipu hanya dengan satu pendapat (berlaku untuk posting blog ini juga). Menurut pendapat saya, cara tercepat untuk mempelajari dan menyerap React adalah melalui JavaScript, dan tidak langsung melompat ke React.

Alasan untuk ini adalah pengalihan konteks. Saat Anda mempelajari React, Anda juga akan mempelajari banyak JavaScript secara paralel, setiap saat. Jika Anda memiliki pemahaman yang kuat tentang JavaScript untuk Bereaksi, Anda akan menghabiskan banyak waktu dalam metodologi React dan cara bekerja di dalam basis kode React, praktik terbaik, dan perpustakaan untuk dipilih. Ini hanya mungkin jika Anda tidak menanyakan setiap detail kecil tentang sintaks/kode JavaScript. Jika Anda melakukan terlalu banyak pengalihan konteks dari Bereaksi ke pembelajaran JavaScript, pada akhirnya Anda akan membuat lebih sedikit kemajuan di kedua ujungnya.

Namun ini juga tidak berarti bahwa Anda harus terlalu mengoptimalkan pembelajaran JavaScript Anda untuk React. Anda tidak perlu, misalnya, belajar tentang Node.js atau streaming di Node.js untuk menjadi pengembang React yang baik. Anda juga tidak perlu belajar tentang service worker dan proxy ES6 untuk menjadi pengembang React yang baik. Kursus pengkodean yang khas mungkin membingungkan Anda bahwa Anda memerlukan bagian-bagian itu, tetapi percayalah, pada awalnya Anda tidak. Anda selalu dapat "beralih konteks" dan kembali untuk mempelajari hal-hal ini jika diperlukan.

Oke, jadi jika ini tidak diperlukan, lalu apa yang benar-benar diperlukan sebelum Anda beralih ke React?

Hal-hal yang perlu dipelajari sebelum belajar React

Berikut adalah daftar topik yang saya yakin Anda harus tahu. Saya telah membagi topik ini menjadi 3 kategori: Berlian, Emas, Perak.

Topik berlian – mutlak wajib dan Anda harus memiliki pemahaman yang jelas dan solid. Mereka akan menghantui Anda kembali jika Anda mencoba untuk melewati ini.

Emas – disarankan untuk dipelajari, tetapi Anda dapat melakukan beberapa pengalihan konteks dan mempelajarinya di "runtime"

Perak – ini mungkin topik lanjutan yang bagus untuk diketahui, tetapi biasanya tidak diperlukan pada fase awal.

Topik berlian sangat penting. Saya sering memikirkan kutipan ini ketika orang bertanya kepada saya, bisakah kita mulai langsung dengan Bereaksi dan belajar JS nanti:

Bukan gunung yang harus didaki yang membuat Anda lelah; itu kerikil di sepatumu.- Muhammad Ali

Prasyarat berlian untuk React

Poin-poin di bawah ini adalah beberapa hal yang hampir tidak boleh Anda lewatkan. Jika Anda memiliki pemahaman yang lemah tentang topik-topik ini, mereka akan menjadi hambatan yang lebih besar dalam perjalanan Anda saat dan saat Anda melangkah maju.

  • Menggunakan komputer, browser.
  • Sintaks bahasa.
  • Dasar-dasar pemrograman – variabel, fungsi, loop, kondisional, bagaimana program berjalan.
  • Bekerja dengan editor teks seperti VSCode.
  • Memahami HTML, CSS dan bagaimana menghubungkannya ke JavaScript dengan DOM API.
  • Operasi dasar dengan JavaScript – permintaan jaringan, peringatan, perubahan DOM, pendengar acara
  • Perilaku asinkron JavaScript – Panggilan balik, janji, asinkron/menunggu.
  • Struktur data dan tipe data dalam JavaScript dan perbedaannya satu sama lain – string, boolean, undefined, null, objek, dll.
  • Kemampuan untuk menulis program dan fungsi JS mandiri sederhana (seperti menghitung bilangan prima, membuat 10 permintaan HTTP secara berurutan/paralel menggunakan loop/janji, dll.)
  • Kemampuan untuk google masalah Anda, selalu.

Jika Anda memiliki tambahan untuk itu, jangan ragu untuk meninggalkannya di komentar di bawah.

Prasyarat emas untuk React

Hal-hal ini tidak mutlak diperlukan, tetapi dianjurkan untuk menciptakan kerangka pemahaman baja yang lebih kuat.

  • Sintaks ES6+ – cara kerja sistem modul ES6, mengapa const dan let diperkenalkan, konsep pelingkupan variabel, pengangkatan fungsi.
  • Baris perintah Linux – Cara bekerja dengan perintah bash, membuat folder, menjalankan skrip, menghapus file, menavigasi di sekitar sistem file.
  • Git – Cara menyebarkan proyek Anda ke situs web jarak jauh seperti GitHub menggunakan git dari baris perintah Anda.
  • Pemahaman manajer paket – cara kerja npm atau benang, mengapa mereka bahkan diperlukan, versi semantik, file kunci.
  • Ikhtisar tingkat tinggi dari alat tambahan – webpack, babel, lebih cantik, vscode.
  • Penyedia hosting yang dapat Anda gunakan untuk menyebarkan situs statis Anda dengan mudah – netlify, vercel, halaman github, heroku, dll.
  • Devtools browser seperti chrome devtools untuk men-debug kode/kesalahan Anda atau memeriksa permintaan jaringan.
  • Memahami tentang praktik JSON/API/HTTP/REST sedikit mendalam.

Prasyarat Silver untuk React

Hal-hal ini pada awalnya tidak diperlukan, tetapi benar-benar dapat membantu Anda dalam jangka panjang menjadi pengembang hebat secara keseluruhan dengan tumpukan Anda. Singkatnya, bagian ini bisa datang "setelah" belajar Bereaksi juga.

  • TypeScript dengan React – cara mengetik kode Anda dengan kuat untuk menangkap lebih banyak kesalahan pada waktu pengembangan
  • Struktur yang jelas untuk mengatur file/folder Anda dalam sebuah proyek.
  • Pengetahuan CI/CD, misalnya, dengan tindakan GitHub untuk menerapkan perubahan baru secara otomatis.
  • Pengujian kode untuk mengirimkan kode dengan percaya diri ke produksi.
  • Cengkeraman yang lebih kuat pada perpustakaan terbaik di ekosistem untuk kasus penggunaan khusus mereka ( react-query ? apollo-graphql ? tailwindcss ? next ?)

jalur pembelajaran frontend codedamn

Keadaan pengembangan web yang menyedihkan saat ini adalah tidak banyak yang perlu dipelajari untuk menjadi pengembang yang hebat, tetapi tingkat kebisingan konten selalu tinggi. Rahasianya adalah hanya beberapa hal secara mendalam.

Jika Anda ingin mempelajari pengembangan web frontend, rekomendasi pribadi saya adalah meneliti satu sumber lengkap yang bagus di mana Anda dapat belajar dari awal hingga akhir, alih-alih setengah hamil di sembilan situs web yang mengajari Anda hal-hal yang berbeda secara berbeda. Kami juga menyediakan peta jalan jalur pembelajaran full-stack penuh , yang mencakup frontend hampir 50% dari kurikulum. Jangan ragu untuk mencobanya.

Kesimpulan

Posting blog ini seharusnya memberi Anda kejelasan tentang seberapa banyak JavaScript yang harus Anda ketahui sebelum mulai belajar React. Bagaimana cara belajar Bereaksi dengan benar? Itu untuk posting blog lain. Jika artikel tersebut membantu Anda, silakan berlangganan buletin pengembang di bawah ini untuk menerima pembaruan mingguan tentang lebih banyak artikel berkualitas tinggi di sini.

June 29, 2021

codeorayo

Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com

Leave a Reply

Your email address will not be published. Required fields are marked *