- शिप
- 19 अगस्त 2026 को 8:27 pm बजे UTC
- लेखक
- Kamo
- Commit
- f911fd4
हाइड्रेशन कार्य में से एक। फ्रेमर मोशन मुखपृष्ठ के उत्सुक से चला गया है बंडल: 798,723 -> 687,593 बाइट्स कच्चा, 245,367 -> 209,422 gzip। यह 35,945 है तार पर कम बाइट्स, 36,444 की भविष्यवाणी के खिलाफ, मापने के द्वारा बनाया गया पहले से ही, इसके साथ आने वाले पार्स और निष्पादन के अलावा। चौदह घटक इसका इस्तेमाल करते थे। उनमें से किसी को इसकी आवश्यकता नहीं है। प्रत्येक नीचे-द-फोल्ड सेक्शन में एक `timeInView` या `useInView` से प्रतिक्रिया-इंटरसेक्शन-observer स्क्रॉल पर अपनी सामग्री को फीका करने के लिए। यह दो क्या करने के लिए पुस्तकालयों और प्रति अनुभाग एक हाइड्रेशन सीमा `animation-timeline: view()' मूल रूप से, संगीतकार पर, कोई रनटाइम नहीं - और यह एक ही दोष नायक था, क्योंकि फ्रेमर ने `इन्टीरियल` को क्रमबद्ध किया सर्वर HTML में 96 तत्व `opacity: 0` और रहने पर पहुंचे थे जब तक React हाइड्रेटेड. फोल्ड के नीचे की सामग्री को जावास्क्रिप्ट पर रखा गया था बंडल। यह अब 9 है, और सभी नौ जानबूझकर हैं: अपने पहले से पहले जंपटूबार स्क्रॉल, इससे पहले हीरो रील चाहता है, और सात हेक्सागोन सजावट पर opacity 0.1-0.15 कि "opacity:0" कैच के लिए एक substring मैच। `@supports (animation-timeline: view())` गार्ड लोड-असर हिस्सा है। The आधार `.reveal` नियम अपने आप की कोई अस्पष्टता निर्धारित नहीं करता है, इसलिए स्क्रॉल-चालित के बिना एक ब्राउज़र एनिमेशन कुछ भी लागू नहीं होता है और सामग्री सिर्फ दिखाई देती है। यहाँ कुछ नहीं जहाज छुपा सामग्री, जो संपत्ति है पुराने संस्करण के पास नहीं था। बाकी छोटे और स्पष्ट रूप से गलत थे: · `thover` / time `Tap` on कार्ड और बटन `.lift` और `.press` बन गए। काम करने से पहले हाइड्रेशन की जरूरत है कि होवर फीडबैक हमेशा गलत था आकृति। · होवरमोर्फ ने `border-radius` पर एक * infinite * keyframe पाश चलाया - एक संपत्ति जब तक एक सूचक एक कार्ड पर आराम करने के लिए - संगीतकार नहीं कर सकते हैं। यह अब एक संक्रमण है। · पूछे जाने वाले प्रश्न का accordion एनिमेटेड `ऊंचाई: 0 -> ऑटो`, एक संक्रमण सीएसएस हो सकता है साल के लिए नहीं और एक उचित कारण पुस्तकालय के लिए पहुँच गया है। ग्रिड पंक्ति `0fr -> 1fr` यह मूल रूप से करता है। उत्तर भी DOM में रहते हैं जबकि अब पतन हुआ, जहां उपस्थिति संक्रमण ने उन्हें अनमाउंट करने के लिए इस्तेमाल किया, इसलिए खोज इंजन उन्हें देख सकते हैं; बटन प्राप्त किया `aria-expanded` उन्हें हमेशा होना चाहिए। · हीरोऑफरबैनर ने पूरे रनटाइम को 'useReducedMotion' के लिए आयात किया, जो है एक मीडिया क्वेरी। · पाद लेख ने 'motion.create' में लोकेल-aware <Link> को लपेटा ताकि एक hover राज्य हर पेज के साझा लेआउट में रनटाइम डाल सकता है, जो एनिमेट हो सकता है। चुंबकीय बटन वास्तव में खो जाने वाली एक चीज है। इसने CTA को ओर झुका दिया आखिरी आयात होल्डिंग 36 KB था - एक प्रभाव के लिए कोई स्पर्श डिवाइस नहीं कर सकता सभी पर उत्पादन बटन `.press` रखता है। इसकी फ़ाइल पेड़ में छोड़ दी गई है, जिसका उपयोग अप्रयुक्त है; यह जानने लायक है कि इसे फिर से आयात करना चुपचाप रनटाइम को पुनर्स्थापित करता है। रूपांतरण रेगेक्स के बजाय स्कैनर द्वारा किया गया था, और यह में है रेपो के बजाय सत्र स्क्रैचपैड क्योंकि यह एक बंद है। JSX विशेषता मानों में घोंसला ब्रेसेस, स्ट्रिंग्स और तीर फंक्शन शामिल हैं, इसलिए `<motion.div ...>` किसी भी चीज से मिलान नहीं किया जा सकता है जो गहराई को ट्रैक नहीं करता है - केवल प्रत्येक एनीमेशन प्रोप गिरा दिया गया था और बाकी सब कुछ मौखिकता और क्रम में संरक्षित था। प्रत्येक फ़ाइल डिफ व्यक्तिगत रूप से बाद में पढ़ा गया था; सुविधाओं में दो वेरिएंट ऑब्जेक्ट छोड़े गए थे इसके द्वारा अनाथन और उन्हें हटा दिया जाता है। यह क्या नहीं है, यह खंड हाइड्रेटिंग को रोक सकता है - वे अभी भी हैं 'उपयोगकर्ता ग्राहक'``, क्योंकि होमक्लिएंट है, और एक ग्राहक घटक एक आयात नहीं कर सकता है सर्वर एक। यह चरण बी है, और यह पृष्ठ की संरचना में बदलाव के बजाय है इन फ़ाइलों की तुलना में। यह कदम जानबूझकर अकेला हो जाता है इसलिए खुलासा किया जा सकता है किसी भी संरचनात्मक चाल से पहले एक ब्राउज़र में देखा गया।.