Frontend on cloudmato.com

React असल में कैसे काम करता है: Fiber और Batch Rendering की पूरी समझ

cloudmato.com — Sat, 13 Jun 2026 17:37:28 +0530

क्या आपने कभी किसी React app में कोई button क्लिक किया है और बस… भरोसा कर लिया है कि UI सही तरीके से update हो जाएगा? हाँ, मैंने भी, सालों तक। मैंने कभी रुककर यह नहीं सोचा कि setState और स्क्रीन पर pixels बदलने के बीच क्या होता है — जब तक मैं एक ऐसे component को debug नहीं करने लगा जो एक ही क्लिक पर पाँच बार re-render हो रहा था। वह rabbit hole मुझे सीधे Fiber, lanes, और इस आश्चर्यजनक रूप से लंबी history में ले गया कि React यह कैसे तय करता है कि आपके app को असल में कब re-render करना है।

UI में Font Size सेट करने के हर तरीके (और कौन सा जीतता है)

cloudmato.com — Sat, 13 Jun 2026 08:16:18 +0530

क्या आपने कभी किसी प्रोजेक्ट का CSS खोला है और पाया है कि font sizes px, em, rem, %, और vw में सेट हैं — सब एक ही फ़ाइल में, कभी-कभी एक ही element पर? हाँ, मेरे साथ भी ऐसा हुआ है। Font size, CSS की सबसे boring property लगती है, जब तक आपको यह पता नहीं चलता कि इसे express करने के कम से कम आठ अलग-अलग तरीके हैं, और गलत तरीका चुनने से आपके यूज़र्स के एक हिस्से के लिए accessibility चुपचाप टूट जाती है, बिना एक भी error दिखाए।

Vite समझाया गया: यह Webpack से बेहतर क्यों है और आगे क्या है

cloudmato.com — Fri, 05 Jun 2026 14:59:00 +0530

मुझे वह पहला समय याद है जब मैंने एक प्रोजेक्ट को CRA (जो अंदर से Webpack उपयोग करता है) से Vite में स्विच किया था। Dev सर्वर एक सेकंड से भी कम समय में शुरू हो गया। मैं सच में कुछ देर टर्मिनल को देखता रहा, कुछ और होने का इंतज़ार करते हुए। कुछ नहीं हुआ। बस यही था — यह तैयार था। यह Webpack की तुलना में कोई छोटा सुधार नहीं है। यह एक पूरी तरह से अलग अनुभव है।

Frontend 2026: नए Frameworks, Tools और Design Patterns

cloudmato.com — Fri, 05 Jun 2026 10:48:59 +0530

फ्रंटएंड इकोसिस्टम हर साल बदलता है, लेकिन 2025-2026 संरचनात्मक रूप से अलग महसूस हुआ। यह केवल नई लाइब्रेरी नहीं थीं — बुनियादी मानसिक मॉडल बदल गए। हम कैसे hydrate करते हैं, bundle करते हैं, components को structure करते हैं, और reactivity को handle करते हैं — यह सब इस तरह से बदला है जो वास्तव में apps के performance और उन्हें बनाने में लगने वाले समय को प्रभावित करता है। यहाँ वह है जिस पर ध्यान देना उचित है।

CSS में Div को Center करने के सभी तरीके, रैंकिंग के साथ (2026)

cloudmato.com — Wed, 03 Jun 2026 17:28:24 +0530

CSS centering के साथ पहली लड़ाई कोई नहीं भूलता। आप Google करते हैं, Stack Overflow का snippet paste करते हैं, और आगे बढ़ जाते हैं — यह पूछे बिना कि क्या वह सही तरीका था या बस एक तरीका। 2026 में, div को center करने के कम से कम सात अलग-अलग तरीके हैं, और उनमें से कुछ को तो वर्षों पहले ही दफन हो जाना चाहिए था।

यहाँ वे सभी हैं, सबसे बुरे से सबसे अच्छे तक रैंक किए गए।

CSS लेआउट का इतिहास: टेबल से ग्रिड तक — 2026 में क्या उपयोग करें

cloudmato.com — Tue, 02 Jun 2026 22:15:04 +0530

हर कुछ वर्षों में CSS में लेआउट करने का “सही” तरीका पूरी तरह बदल जाता है। अगर आपने 2015 से पहले CSS लिखना शुरू किया था, तो शायद हर बार जब कोई clearfix का उल्लेख करता है तो आपको एक हल्का आघात महसूस होता है। आइए मैं आपको बताता हूँ कि हम यहाँ तक कैसे पहुँचे — और 2026 में आपको वास्तव में किस चीज़ का उपयोग करना चाहिए।

टेबल का युग (1990 के दशक – 2000 के दशक के मध्य)

HTML टेबल कभी भी लेआउट के लिए नहीं बनाई गई थीं। वे टेबुलर डेटा प्रदर्शित करने के लिए मौजूद थीं। फिर वेब डिज़ाइनरों ने खोजा कि <table>, <tr>, और <td> आपको कुछ ऐसा देते हैं जो CSS अभी तक प्रदान नहीं कर सकती थी: पूर्वानुमानित कॉलम नियंत्रण [1]।