Designcode – Bereaksi untuk Desainer Unduh Gratis
React berbasis komponen, mirip dengan bagaimana Anda menggunakan Komponen di Figma untuk menggunakan kembali elemen dengan cara yang ampuh. Hal ini pada gilirannya memungkinkan untuk kolaborasi yang lebih baik antara rekan satu tim. Dengan kursus ini, Anda akan belajar cara membangun dan menganimasikan situs Anda dari awal. Buat komponen yang sangat dapat disesuaikan untuk sistem desain Anda. Kursus 6 jam untuk desainer, oleh desainer.
Buat komponen desain Anda di React
Jembatan alat desain dan Bereaksi
Rancang, beri kode, dan berkolaborasi menggunakan komponen dan pola desain yang dapat digunakan kembali dengan cara yang terstruktur dan mudah dikelola. Ini sangat mirip dengan ketika kita mendesain di Figma. Komponen, Batasan, dan Data bekerja dengan cara yang sama.
Jangan takut dengan Bereaksi. Anda sudah memiliki pola pikir yang sama sebagai pengembang.
Kode desain Anda dengan cara yang sama
Ini adalah Komponen Kartu yang dirancang di Figma
Ini adalah komponen React yang dikodekan dari desain. Tidak ada yang mewah di sini.
Jadi ini berarti React Component mirip dengan Component yang Anda rancang di Figma. Untuk membuat React Component dapat digunakan kembali, kita dapat menggunakan Atribut…
Setiap penggantian dalam Kartu diberi nama sehingga kami dapat mereferensikannya dalam kode.
Props sama dengan override, tetapi lebih kuat. Mereka membuat komponen dapat digunakan kembali. Perhatikan bahwa kita menggunakan struktur penamaan yang sama.
Setelah Anda memiliki Atribut di komponen React Anda, itu dapat digunakan kembali dengan mengimpornya ke komponen React lain. Anda dapat mengubah alat peraga.
Kita dapat menduplikasi Komponen dan mengubah konten. React dapat melakukan hal yang sama dengan menggunakan Props dalam komponen.
Gandakan 2 Komponen Kartu dan gunakan Alat Peraga untuk menyesuaikan konten masing-masing. Struktur dan kendala tetap utuh.
Mendesain di Figma dan coding di React hampir sama, bukan? Dan ini hanyalah salah satu hal keren tentang React! Selama Anda menggunakan metodologi desain berbasis komponenmaka React cocok untuk Anda!
1
Belajar mendesain dan mengkodekan Situs Web menggunakan React
2
Membuat desain pertama Anda menggunakan HTML dan CSS dasar
3
Tata Letak Adaptif dengan CSS Grid
Rancang halaman yang menyesuaikan dengan ukuran layar apa pun
4
Interaksi dan Animasi
Animasi berbasis garis waktu menggunakan bingkai utama
5
Bentuk vektor morf menggunakan kode SVG
6
Buat elemen tata letak yang dapat digunakan kembali menggunakan React
7
Tambahkan interaksi gulir ke situs Bereaksi Anda
8
Bawa CSS Anda ke level selanjutnya
9
Tambahkan data dasar ke aplikasi Anda
10
Menambahkan data dinamis yang dapat diperbarui di luar situs
11
Terapkan situs Anda untuk dilihat semua orang
12
Mulai jual produk Anda dengan mudah dan efisien