इस जोड़ीदार स्क्रैंकास्ट में, सारा ड्रैसनर मुझसे जुड़ती है और मेरी प्रतिक्रिया के कुछ पहले सीखने के माध्यम से मेरा मार्गदर्शन करती है। हम कुछ "वास्तविक दुनिया" शैली की कार्यक्षमता से निपटते हैं: एक टिप्पणी रूप।
यह यूआई के साथ काम करने के लिए एक बहुत ही उपयोगी बिट बन गया, क्योंकि इसके लिए प्रतिक्रिया के लिए मौलिक चीजों की बहुत आवश्यकता थी (या कम से कम, यह मुझे लगता है)। उदाहरण के लिए, एक मास्टर "ऐप" जो state
(हमारी बड़ी "स्थिति" चीज स्वयं टिप्पणियों से संबंधित है) और घटक जो दृश्य प्रतिपादन के साथ काम करते हैं (उदाहरण के लिए, टिप्पणी प्रपत्र एक घटक है और प्रत्येक टिप्पणी एक घटक है)।
फिर हम बहुत सारे लिटलर रिएक्ट की बातों में आ गए, लेकिन रिएक्ट-लैंड में समझने के लिए बहुत बड़ी चीजें, जैसे:
props
- घटकों के बीच डेटा पास करने का एक तरीका। जब आप उन्हें भेजते हैं, तो वे HTML विशेषताओं की तरह दिखते हैं और इस के रूप में एक ऑब्जेक्ट के रूप में पहुंचते हैं। क्रॉप्सrefs
- आपने हमारे द्वारा बनाए गए फॉर्म एलिमेंट से डेटा कैसे छीन लिया।keys
- दोहराए जाने पर किसी घटक की विशिष्ट पहचान करने का तरीका। हम यहां टिप्पणियों को दोहरा रहे हैं (कई टिप्पणियां हो सकती हैं), इसलिए यदि हमारे पास कार्यक्षमता है जो उनमें से किसी को भी बदल सकती है, तो एक कुंजी होना जो रिएक्ट को कुशल बनाता है (यह उन सभी के बजाय उस एकल टिप्पणी को बदल सकता है) ।
इसके अलावा एक टन अधिक!
यहाँ डेमो हम पर काम किया है:
कोड कोपेन पर क्रिस कॉयर (@chriscoyier) द्वारा एक प्रतिक्रिया-संचालित टिप्पणी फार्म शुरू कलम देखें।
आप इस से परे अपनी प्रतिक्रिया सीखने का स्तर कैसे तय करते हैं? यहाँ से शुरू।