Designcode – React Native untuk Desainer Unduhan Gratis
Bereaksi Asli untuk Desainer
Bangun aplikasi iOS dan Android dari awal
React Native adalah kerangka kerja Javascript populer yang dibangun di atas React dengan menggunakan komponen asli untuk membuat aplikasi seluler nyata yang tidak dapat dibedakan dari aplikasi yang dibuat menggunakan Xcode atau Android Studio. Perbedaan utama dengan pengembangan asli adalah Anda dapat menggunakan CSS, hot-reload, Javascript, dan teknik umum lainnya yang dikembangkan Web selama beberapa dekade terakhir. Yang terpenting, Anda membangun untuk iOS dan Android menggunakan basis kode yang sama.
Tentang Kursus ini
Ini adalah kursus yang dibuat untuk desainer, oleh desainer, berfokus pada UI, animasi, dan alur kerja yang dimulai dengan alat desain. Kode dan kecepatan dibuat agar mudah diikuti. Setiap langkah bersifat visual dan dapat diikuti dengan mudah. Anda dapat mengikuti kursus ini tanpa pengalaman pemrograman apa pun, tetapi memiliki beberapa pengetahuan CSS dan HTML pasti membantu Anda menavigasi kerumitan beberapa konsep. File desain di InVision Studio (gratis), aset proyek, dan kode sumber React Native dibagikan sehingga Anda dapat membandingkannya dengan kemajuan Anda sendiri.
Mengapa Belajar Bereaksi Asli?
React Native secara luas dianggap sebagai cara terbaik untuk membuat aplikasi lintas platform. Jika Anda telah mengikuti kursus Bereaksi saya, Anda akan merasa betah karena kodenya sangat mirip. Saat ini, sebagian besar desainer mengetahui HTML dan CSS untuk Web. Saya sangat yakin bahwa mereka harus mengambil keterampilan yang setara untuk seluler. Memiliki aspek visual, animasi, dan kemampuan beradaptasi aplikasi Anda dapat menghemat banyak waktu untuk tim Anda, menghindari komunikasi yang tidak perlu, atau membuat keputusan desain yang buruk. Pada gilirannya, ini meningkatkan kolaborasi antara desainer dan pengembang. Pada akhirnya, produk Anda akan dikirim lebih cepat, dengan kualitas lebih tinggi, dan dengan iterasi yang lebih baik.
Alur kerja
Kami akan menggunakan Expo untuk menyiapkan lingkungan pengembangan kami sehingga mudah untuk menguji aplikasi kami di simulator iOS dan Android, dan di perangkat fisik Anda. Untuk styling, kita akan menggunakan Styled Components karena kemiripannya dengan sintaks di CSS. Aset ikon akan berbasis vektor di SVG. Untuk konten dan CMS (sistem manajemen konten), kami akan menggunakan Contentful dan Apollo/GraphQL, yang memungkinkan Anda menyimpan gambar dan teks secara terpisah dan mengkuerinya seperti database. Seperti ini, saat memperbarui konten, Anda tidak perlu mengirimkan pembaruan aplikasi.
Kita akan menggunakan Redux untuk berkomunikasi antar komponen sehingga satu tindakan dapat memengaruhi banyak komponen sekaligus. Ini sangat berguna untuk status dan data yang persisten. Selain itu, kita akan menggunakan sebanyak mungkin pustaka bawaan di kotak peralatan React Native/Expo, seperti Animasi, Gestur, Ikon, dan Navigasi.