7 Tutorial Gratis Terbaik untuk Belajar Bereaksi dan Membuat Aplikasi Web

Iklan

Saat ini, React tidak hanya berada di puncak popularitasnya, tetapi popularitasnya semakin meningkat. Sejauh Pengembangan web JavaScript terkait Pemrograman vs. Pengembangan Web: Apa Bedanya?Anda mungkin berpikir pemrogram aplikasi dan pengembang web melakukan pekerjaan yang sama, tetapi itu jauh dari kebenaran. Berikut adalah perbedaan utama antara programmer dan pengembang web. Baca selengkapnya , React adalah salah satu kerangka kerja termudah untuk dipelajari dan salah satu yang paling efektif untuk pengembangan yang cepat dan kuat.

Jadi, jika Anda memutuskan untuk mempelajarinya, tepuk diri Anda sendiri: Anda telah membuat pilihan yang cerdas.

Satu-satunya masalah adalah bahwa kursus React yang paling berharga datang dengan label harga yang lumayan. Misalnya, yang sangat terkenal Kursus React untuk Pemula adalah $89 (versi pemula) dan $127 (versi master). Kursus gratis jarang selengkap dan membantu — tetapi kami telah menemukan beberapa yang luar biasa dan akan membantu Anda memulai dengan langkah yang benar

Apa yang Membuat Tutorial Pemrograman yang Baik?Tidak semua tutorial pemrograman dibuat sama. Beberapa menguntungkan Anda dan yang lain akhirnya membuang-buang waktu Anda. Inilah yang harus dicari dalam tutorial pemrograman berkualitas. Baca selengkapnya .

1. Kursus Dasar-Dasar Pelatihan React

Tyler McGinnis adalah pengembang dan instruktur React terkenal yang telah mengajar dan menulis tentang React selama bertahun-tahun. Dia saat ini memiliki empat kursus yang tersedia di React Training [Tidak Lagi Tersedia], yang pertama benar-benar gratis dan berfungsi sebagai titik masuk untuk yang lain.

Dasar-Dasar Bereaksi dibagi menjadi 32 video pelajaran yang menambahkan hingga tiga jam penuh pendidikan. Anda akan mempelajari semua yang Anda butuhkan untuk mengaktifkan dan menjalankan aplikasi React dasar (yaitu ekosistem React, NPM, Babel, dan Webpack), konsep inti dan siklus hidup yang mendorong aplikasi React, cara menulis komponen dengan benar, dan cara meneruskan data sekitar.

Ini padat. Ini informatif. Ini adalah pengantar yang sempurna, dan fakta bahwa McGinnis menawarkannya secara gratis cukup mengagumkan. Ini harus menjadi pemberhentian pertama Anda saat mempelajari React.

Situs web — Kursus Dasar-Dasar Bereaksi [Tidak Lagi Tersedia]

2. Meretas Dengan Bereaksi

Meretas Dengan Bereaksi adalah ebook yang sepenuhnya gratis, sampul ke sampul, jika Anda membaca versi web saja. Anda dapat mengambil versi PDF, EPUB, atau MOBI yang dapat diunduh seharga $ 10 jika Anda lebih suka membawanya dan belajar secara offline. Apa pun itu, ini adalah sumber yang bagus untuk pemula yang tidak menyukai video.

Itu dimulai dari awal, menjelaskan konsep dasar seperti JSX dan komponen dan props, dan memegang tangan Anda saat lulus ke topik menengah seperti status, perutean, tes, linting, dan lagi. Itu ditulis dalam ES6 dari awal hingga akhir dan Anda akan mempelajari praktik terbaik di sepanjang jalan, termasuk Babel, Webpack, dan ESLint.

Apakah itu akan membuat Anda menjadi ahli Bereaksi? Tidak, tapi itu akan membuat Anda cukup nyaman untuk merasa percaya diri dan terus belajar. Paling tidak, Anda akan tahu lebih dari cukup React untuk memutuskan apakah akan membelanjakan uang untuk kursus premium lanjutan di tempat lain.

Situs web — Meretas Dengan Bereaksi

3. Tutorial Bereaksi Resmi

Anda akan berpikir bahwa tutorial resmi harus menjadi tempat pertama untuk mempelajari React, tapi saya secara pribadi merasa agak terlalu cepat untuk pemula — itu mengasumsikan lebih banyak pengetahuan daripada kebanyakan pemula memiliki. Ini sempurna jika Anda memiliki pengalaman sebelumnya dengan kerangka kerja web JavaScript lain.

Yang telah dibilang, tutorial React resmi luar biasa setelah Anda mempelajari konsep inti React dan berjuang untuk mempraktikkannya. Ini membawa Anda melalui pembuatan aplikasi web tic-tac-toe menggunakan tidak lebih dari komponen, alat peraga, dan status. Ini menjembatani kesenjangan antara teori abstrak dan aplikasi praktis.

Saya juga merekomendasikan untuk memeriksa dokumentasi resmi React, yang menjelaskan setiap bit React dalam jumlah detail yang mengejutkan. Secara khusus, Berpikir dalam Bereaksi page seperti tutorial mini tentang memahami idiom yang mendorong React. Jangan takut untuk merujuk kembali ke dokumentasi React berulang kali saat Anda mempelajari dan membuat aplikasi Anda sendiri.

Situs web — Tutorial Bereaksi Resmi dan Berpikir dalam Bereaksi

4. Kursus Dasar-Dasar Bereaksi Egghead

Orang terpelajar menawarkan lusinan kursus (ratusan pelajaran) tentang berbagai topik pengembangan web: JavaScript, Angular, React, RxJS, Node, TypeScript, dll. Bereaksi adalah topik terbesar ketiga di situs, dan meskipun sebagian besar kursus untuk pengguna premium, ada lima yang tersedia secara gratis:

• Mulai Menggunakan React untuk Membangun Aplikasi Web
• Tambahkan Perutean ke Aplikasi React Menggunakan React Router v4
• Memulai Dengan Redux
• Membangun Aplikasi React Dengan Idiomatic Redux
• Kelola Keadaan Kompleks di Aplikasi Bereaksi Dengan MobX

Dua yang pertama adalah yang paling penting, tetapi Anda mungkin ingin mengambil semuanya di beberapa titik (secara optimal dalam urutan yang tercantum). Kursus mengasumsikan Anda sudah tahu JavaScript, jadi periksa kursus JavaScript Egghead jika Anda belum nyaman dengan bahasanya 7 Trik Berguna untuk Menguasai Bahasa Pemrograman BaruTidak apa-apa untuk kewalahan ketika Anda belajar coding. Anda mungkin akan melupakan hal-hal secepat Anda mempelajarinya. Kiat-kiat ini dapat membantu Anda menyimpan semua informasi baru dengan lebih baik. Baca selengkapnya .

Perhatikan bahwa kursus premium juga cukup bagus, dan layak untuk dicoba jika Anda mampu berlangganan Pro: $40 per bulan atau $200 per tahun.

Situs web — Kursus Dasar-Dasar Bereaksi Egghead

5. Pelajari Bereaksi dan Redux Dengan Kabin

Meskipun Redux bukan bagian dari kerangka inti React, mereka sering digunakan bersama sehingga Anda harus mempelajarinya. Dan bahkan jika Anda akhirnya pindah dari Redux, Anda dapat membawa konsepnya dan menerapkannya pada apa pun yang akhirnya Anda gunakan sebagai gantinya.

Kabin adalah seri tutorial 10 bagian yang akan mengajarkan Anda cara membuat aplikasi jejaring sosial yang disederhanakan dari awal: menginstal Node/React/Webpack, memahami cara kerja React, menggabungkan Redux, menangani fitur jejaring sosial seperti feed dan notifikasi, memproses gambar dan filter seperti Instagram, dan lagi.

Bagian terakhir adalah ikhtisar "praktik terbaik" yang tidak hanya mengajarkan Anda cara paling efektif untuk menggunakan dan mengatur React/Redux, tetapi juga kesalahan umum yang harus dihindari, cara mendesain aplikasi yang skalabel, dan cara menggunakan alat pihak ketiga untuk memudahkan pengembangan Anda alur kerja.

Situs web — Pelajari Bereaksi dan Redux Dengan Kabin

6. Kursus React dari LearnCode Academy

Dalam beberapa tahun terakhir, Akademi LearnCode telah membedakan dirinya sebagai salah satu dari saluran pemrograman terbaik di YouTube 17 Tutorial Pemrograman YouTube TerbaikDalam posting ini, kami ingin mengarahkan Anda ke beberapa seri pemrograman YouTube terbaik yang kami temukan. Semua ini cukup untuk membuat kaki Anda basah sebagai programmer pemula. Baca selengkapnya . Ini berspesialisasi dalam pengembangan web dan mencakup semua jenis topik mulai dari HTML, CSS, dan JavaScript hingga kerangka kerja tertentu seperti Angular dan React. Dan semuanya gratis.

Kursus ini dibagi menjadi tiga bagian: delapan video tentang konsep inti React, enam video tentang penggunaan Flux untuk arsitektur data, dan tujuh video tentang penggunaan Redux untuk mengelola status. Semua ini dilakukan dengan menggunakan praktik terkini, termasuk ES6 dan Webpack.

Perhatikan bahwa ini bukan kursus yang komprehensif, dan Flux dan Redux keduanya merupakan konsep lanjutan yang bukan bagian dari inti React framework, jadi kami merekomendasikan penggunaan kursus ini sebagai cara untuk meninjau kembali dan memperkuat konsep yang dipelajari dalam kursus di atas.

Situs web — Kursus React dari LearnCode Academy

7. Konvensi Bereaksi

Beberapa programmer lebih suka membuat kode berdasarkan konvensi — yaitu, mengikuti serangkaian keputusan desain ("konvensi") tertentu dari proyek ke proyek untuk meminimalkan kompleksitas dan mempercepat proses pengembangan, terutama pada tahap awal proyek baru proyek. Ebook online ini bertujuan untuk menyajikan satu jenis konvensi yang dapat diikuti oleh pengembang React.

Namun, sebelum Anda mendalami hal ini, Anda harus sudah berpengalaman dalam ES6, nyaman dengan kerangka kerja React, dan memahami dasar-dasar Redux. Ebook ini bukan untuk pemula. Sebaliknya, ini membantu bagi perantara yang merasa kewalahan dan tidak yakin bagaimana mengubah pengetahuan React/Redux mereka menjadi aplikasi web dari awal.

Tutorial dimulai dengan proyek starter kit dan menunjukkan cara memodifikasinya. Dengan mengikuti konvensi ini di proyek mendatang, Anda tidak perlu membuang waktu untuk membuat ulang semuanya.

Situs web — Konvensi Bereaksi

Jadi Anda Sudah Belajar Bereaksi: Sekarang Apa?

Dengan tutorial ini di bawah ikat pinggang Anda, Anda harus lebih dari cukup berpengetahuan untuk mulai membuat aplikasi web Anda sendiri dengan React. Pada titik ini, yang tersisa hanyalah berlatih, berlatih, berlatih. Dan yang sangat keren adalah Anda bisa melakukannya nanti gunakan React Native untuk membuat aplikasi seluler Untuk Membangun Aplikasi Android, Anda Harus Mempelajari 7 Bahasa Pemrograman IniBahasa pemrograman mana yang tepat untuk membuat aplikasi Android? Itu tergantung pada riwayat pemrograman Anda dan bahasa mana yang menurut Anda paling nyaman digunakan. Untungnya, Anda memiliki pilihan. Baca selengkapnya - tapi jangan terlalu cepat. Tetap menggunakan aplikasi web sampai Anda yakin.

Ini akan menjadi jalan yang sulit, jadi kami sarankan untuk membaca artikel kami di belajar cara memprogram tanpa stres Cara Belajar Pemrograman Tanpa Semua StresMungkin Anda telah memutuskan untuk menekuni pemrograman, baik untuk karir atau hanya sebagai hobi. Besar! Tapi mungkin Anda mulai merasa kewalahan. Tidak begitu bagus. Berikut bantuan untuk memudahkan perjalanan Anda. Baca selengkapnya . Hanya karena kamu berjuang bukan berarti Anda tidak cocok untuk menjadi seorang programmer 6 Tanda Bahwa Anda Tidak Dimaksudkan Menjadi ProgrammerTidak semua orang cocok menjadi programmer. Jika Anda tidak sepenuhnya yakin bahwa Anda memang ditakdirkan untuk menjadi seorang programmer, berikut adalah beberapa tanda yang mungkin mengarahkan Anda ke arah yang benar. Baca selengkapnya !

Untuk pembelajaran lebih lanjut, lihat kursus terbaik yang layak dibayar di Coursera 11 Situs Terbaik untuk Kursus Pemrograman Komputer Online GratisDengan menggunakan kursus pemrograman komputer online gratis ini, Anda dapat menjadi pembuat kode yang hebat tanpa gelar ilmu komputer. Baca selengkapnya .

Semoga tutorial gratis ini membantu! Jika Anda mengetahui sumber React gratis lainnya yang kami lewatkan, beri tahu kami di komentar di bawah.

Kredit Gambar: guteksk7 melalui Shutterstock.com