Kata Pengantar

Pertama, perkenalkan diri saya, nama saya Edik , saya Pengembang Web Full Stack. Petunjuk utama Laravel & React.js, Vue.js. Belajar GoLang dan Swift.

Meskipun sudah ada banyak sumber informasi lain, buku tetap menjadi salah satu yang paling umum, tetapi ada banyak air di dalamnya dan saya memutuskan untuk tidak membuat kruk lain, tetapi hanya untuk mencatat.

Untuk menyusun data, informasi akan disajikan sebagai serangkaian artikel yang dibagi menjadi beberapa bab .

Saya menulis catatan ini untuk diri saya sendiri dan memutuskan untuk membaginya dengan seluruh dunia. Jadi jangan kasar. Jadi, ayo pergi!

Bab 1. Selamat Datang di React

Bereaksi adalah perpustakaan populer yang digunakan untuk membuat antarmuka pengguna . Itu dibuat di Facebook untuk memecahkan sejumlah masalah yang terkait dengan situs skala besar.

Bereaksi sebagai perpustakaan

Perlu dicatat bahwa perpustakaan tidak berukuran besar dan hanya digunakan untuk satu bagian dari seluruh pekerjaan. Keputusan utama tentang alat ekosistem apa yang akan digunakan dibuat oleh pengembang. Bereaksi adalah satu-satunya "V" di dunia "MVC" .

Sintaksis ECMAScript Baru

Bereaksi mengambil keuntungan dari fitur-fitur ECMAScript baru . Jika Anda tidak terbiasa dengan spesifikasi terbaru, maka melihat React code dapat menyebabkan rasa tidak aman.

JavaScript yang populer secara fungsional

Script JavaScript bukan bahasa fungsional, tetapi metode fungsional dapat digunakan dalam kodenya. Bereaksi menekankan prioritas pemrograman fungsional daripada pemrograman berorientasi objek . Pergeseran dalam pemikiran ini dapat mengarah pada keuntungan signifikan di berbagai bidang seperti pengujian dan peningkatan produktivitas.

Sebelum Anda mulai bekerja dengan React, saya sarankan Anda membiasakan diri dengan dasar-dasar paradigma pemrograman fungsional.

Javascript yang membosankan

Untuk bekerja dengan Bereaksi, Anda perlu mempelajari dasar-dasar Webpack . Webpack akan memungkinkan Anda untuk menguji kode, memecahnya menjadi modul, kompres untuk produksi, dll.

Masa depan perpustakaan Bereaksi

Versi perpustakaan berikutnya akan mencakup alat Fiber - implementasi baru dari algoritma React inti, yang tujuannya adalah untuk meningkatkan kecepatan menampilkan gambar di layar . Banyak perubahan terkait dengan perangkat target. Jangan lupa bahwa Bereaksi masih digunakan dalam Bereaksi Asli.

Bekerja dengan file

Bereaksi Alat Pengembang

Ada beberapa alat yang dapat diinstal sebagai ekstensi atau modul peramban tambahan dan menarik bagi kami:

react-detector adalah ekstensi browser Chrome yang memungkinkan Anda mengetahui situs mana yang menggunakan Bereaksi .

show-me-the-react adalah alat deteksi Bereaksi lainnya.

Bereaksi Alat Pengembang adalah modul tambahan yang memperluas fungsionalitas alat browser . Dia membuat tab baru di alat pengembang tempat Anda dapat melihat Bereaksi elemen secara detail .

Bereaksi Alat Pengembang adalah alat yang hebat yang menghemat banyak waktu saat debugging. Jika Anda ingin menulis secara profesional dengan React, modul ini sangat berguna bagi Anda.

Instal Node.js

Node.js - bahasa JavaScript tanpa browser (JS sisi server). Ini adalah lingkungan runtime yang digunakan untuk membuat aplikasi JavaScript di sisi klien dan server . Ini dapat diinstal pada Windows, MacOS, Linux dan platform lainnya.

Anda dapat menemukan detail pemasangan di situs web Node.js resmi.

Untuk menggunakan Bereaksi, Node tidak diperlukan. Tetapi ketika bekerja dengan React, Anda harus menggunakan manajer paket yang disebut NPM untuk menginstal dependensi . Menginstal secara otomatis dengan Node.

Untuk memeriksa apakah Node diinstal di terminal, masukkan node -v . Anda harus melihat versi Node Anda.

 $ node -v v.10.13.0 

Alternatif untuk NPM

Alternatif tambahan untuk NPM adalah Benang . Alat ini dirilis oleh Facebook bekerja sama dengan Exponent, Google & Tilde. Ini membantu untuk mengelola dependensi aplikasi dengan lebih andal . Saat bekerja dengan Benang, Anda akan melihat bahwa itu lebih cepat daripada NPM.

Memasang Benang sangat mudah. Setelah menginstal Node, masukkan:

 $ npm install -g yarn 

Anda dapat menemukan detail pemasangan di situs web resmi Yarn .

Dan setelah itu, semuanya akan siap untuk menginstal paket. Saat memasang dependensi dari packege.json, Anda dapat menjalankan benang alih- npm install .

Menambahkan paket menggunakan Benang:

 $ yarn add [_] 

Menghapus paket menggunakan Benang:

 $ yarn remove [_]