# 147: Memulai Formulir Komentar yang Didukung React - Trik CSS

Anonim

Dalam screencast berpasangan ini, Sarah Drasner bergabung dengan saya dan membimbing saya melalui beberapa pembelajaran pertama saya tentang React. Kami menangani beberapa fungsi gaya "dunia nyata": formulir komentar.

Ini ternyata menjadi sedikit UI yang cukup berguna untuk dikerjakan, karena memerlukan banyak hal yang agak mendasar untuk React (atau setidaknya, menurut saya). Misalnya, master "App" yang menangani state(hal "negara" besar kami adalah komentar itu sendiri) dan komponen yang menangani rendering tampilan (misalnya, formulir komentar adalah komponen dan setiap komentar adalah komponen).

Kemudian kami membahas banyak hal tentang React yang lebih kecil, tetapi juga hal-hal besar yang harus dipahami di React-land, seperti:

  • props- cara untuk melewatkan data antar komponen. Mereka tampak seperti atribut HTML saat Anda mengirimnya, dan tiba sebagai objek dalam bentuk this.props.
  • refs - bagaimana Anda mengambil data dari elemen formulir yang kami buat.
  • keys- cara untuk mengidentifikasi komponen secara unik saat diulang. Kami mengulangi komentar di sini (mungkin ada beberapa komentar), jadi jika kami memiliki fungsionalitas yang dapat mengubah salah satu dari mereka, memiliki kunci adalah apa yang membuat React efisien (itu hanya dapat mengganti satu komentar dan bukan semuanya) .

Ditambah satu ton lagi!

Inilah demo yang kami kerjakan:

Lihat Pena Memulai Formulir Komentar yang Didukung React oleh Chris Coyier (@chriscoyier) di CodePen.

Bagaimana Anda meningkatkan pembelajaran React Anda melebihi ini? Mulai di sini.