[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-related-none":3,"blog-likes-none":4,"blog-comments-none":7,"explore-nav":8,"blog-post-what-is-react-and-how-to-learn-it-in-marathi":135},[],{"count":5,"likedByMe":6},0,false,[],{"categories":9},[10,32,49,84,101,118],{"id":11,"title":12,"slug":13,"courses":14},"e9a4d03c-fbd0-4e55-93b9-ed4a46b94e36","Artificial Intelligence","artificial-intelligence",[15,21,27],{"id":16,"slug":17,"title":18,"thumbnailUrl":19,"excerpt":20},"cacc8fe7-6291-407b-bddc-3f7de5023546","programming-using-ai-in-marathi","AI वापरून प्रोग्रामिंग आणि वेब अप्लिकेशन बनवणे","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1782717919191-b0850aa16ba1.webp","AI वापरून प्रोग्रामिंग शिका आणि वेब अप्लिकेशन सुद्धा बनवा!",{"id":22,"slug":23,"title":24,"thumbnailUrl":25,"excerpt":26},"2f7ef75a-befe-4084-b40b-221191b64baf","data-science-in-marathi","AI, मशीन लर्निंग आणि डेटा सायन्स मराठी मध्ये","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1782197445514-4d593c0d1918.webp","शिकूया डेटा सायन्स मराठी मधून (Learn Data Science in Marathi)",{"id":28,"slug":29,"title":30,"thumbnailUrl":31,"excerpt":30},"55e20b7e-3220-4448-bf54-4cecce6b7a07","gen-ai-rft-race-framework","Gen AI चे बेसिक्स: RFT आणि RACE Framework","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1783710275986-e5ec22e4ce73.png",{"id":33,"title":34,"slug":35,"courses":36},"e4c99897-4585-49b6-bcd6-addfd022fd19","Backend Development","backend-development",[37,43],{"id":38,"slug":39,"title":40,"thumbnailUrl":41,"excerpt":42},"564ebd4e-fb20-4b07-88fb-e021c48b7148","learn-sql-and-database-management-in-marathi","SQL आणि डेटाबेस मॅनेजमेंट","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1782364800303-1959e635957c.webp","शिकूया SQL मराठी मधून",{"id":44,"slug":45,"title":46,"thumbnailUrl":47,"excerpt":48},"f369f586-079d-4429-a748-3a9ade790bec","start-learning-python-in-marathi","शिकूया पायथन लँग्वेज","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1783711892649-55927d19879b.png","आता पायथन शिकूया ते पण मराठी मध्ये",{"id":50,"title":51,"slug":52,"courses":53},"5d3de577-8678-4e89-ace9-ca2b18ebc8d4","Digital Marketing","digital-marketing",[54,60,66,72,78],{"id":55,"slug":56,"title":57,"thumbnailUrl":58,"excerpt":59},"8244002f-1f30-4552-ab50-d2d26a0bd437","create-professional-designs-using-ai","Create Professional Designs Using AI- AI च्या मदतीने आकर्षक डिझाइन्स तयार करा","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1783690826637-b30c77f817fd.png","मोबाईलवर Canva आणि AI वापरून प्रोफेशनल डिझाईन शिका",{"id":61,"slug":62,"title":63,"thumbnailUrl":64,"excerpt":65},"2b1c0d32-fef1-41ec-a562-de451b3010fa","linkedin-ceo-framework-in-marathi","LinkedIn बेसिक्स: CEO फ्रेमवर्क आणि प्रोफेशनल ब्रँडिंग","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1783709004790-6297d85b64ec.png","लिंक्डइनचे बेसिक्स: CEO फ्रेमवर्क आणि प्रोफेशनल ब्रँडिंग",{"id":67,"slug":68,"title":69,"thumbnailUrl":70,"excerpt":71},"0f0bc7a9-b95d-4894-afa3-817cd2caa397","instagram-mastery-marathi","इंस्टाग्राम मास्टरी","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1783709486156-4ac89e4fb224.png","इंस्टाग्राम मास्टरी: ए टू झेड मराठीत शिका आणि तुमच्या बिझनेसला गती द्या",{"id":73,"slug":74,"title":75,"thumbnailUrl":76,"excerpt":77},"662c1e85-bb54-41ec-962a-3b9a0db132ea","learn-digital-marketing-in-marathi","डिजिटल मार्केटिंग मराठी मध्ये","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1782130878614-2fc96a9b1a09.webp","शिकूया डिजिटल मार्केटिंग ते पण मराठी मध्ये",{"id":79,"slug":80,"title":81,"thumbnailUrl":82,"excerpt":83},"3b0d3229-0b29-4036-94f9-dd95994d233c","learn-graphics-designing-in-marathi","शिकूया ग्राफिक्स डिझायनिंग मराठी मधून","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1783711500396-6a23652aeac2.png","शिकूया ग्राफिक्स डिझायनिंग ते पण मराठी मधून",{"id":85,"title":86,"slug":87,"courses":88},"398040b1-4e77-45e7-b19b-46977815617f","Frontend Development","frontend-development",[89,95],{"id":90,"slug":91,"title":92,"thumbnailUrl":93,"excerpt":94},"2380d984-efb1-4266-b027-9588c47b9c6e","start-learning-javascript-in-marathi","जावास्क्रिप्टचे बेसिक","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1782122706002-bd66a6461f59.webp","जावास्क्रिप्ट मराठी मध्ये शिकूया आणि एक जावास्क्रिप्ट डेव्हलपर बनूया",{"id":96,"slug":97,"title":98,"thumbnailUrl":99,"excerpt":100},"a7e37ca5-6ae5-4037-bea0-3f794dbb1ffd","start-learning-react-in-marathi","रिऍक्ट मराठी मध्ये","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1783712708418-6fee38f68b2e.png","रिऍक्ट शिकायला चालू करा ते पण मराठी मध्ये",{"id":102,"title":103,"slug":104,"courses":105},"0df89bdb-4c77-4a15-ae11-d58811b94c43","Full Stack Development","full-stack-development",[106,112],{"id":107,"slug":108,"title":109,"thumbnailUrl":110,"excerpt":111},"3f120779-6809-401b-b1aa-9d3e48368724","full-stack-development-using-nodejs","फुल स्टॅक डेव्हलपमेंट Node.js","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1782368437149-1ebcfa623098.webp","शिकूया फुल स्टॅक डेव्हलपमेंट मराठी मधून",{"id":113,"slug":114,"title":115,"thumbnailUrl":116,"excerpt":117},"3db829ea-e6ff-400f-9fe5-1d91b92578d4","wordpress-mastery-marathi","वर्डप्रेस मास्टरी - मराठी","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1782194228200-b305e367c56c.webp","इंग्लिश किंवा इतर भाषेत वर्डप्रेस शिकण्यापेक्षा आता शिकूया आपल्या मातृभाषेतून",{"id":119,"title":120,"slug":121,"courses":122},"bb9e1f27-7452-44d0-9ec2-6ac3965cda10","Other","other",[123,129],{"id":124,"slug":125,"title":126,"thumbnailUrl":127,"excerpt":128},"1c9df398-475e-4424-8e62-768c43889a31","english-foundation-course-in-marathi","इंग्लिश फंडामेंटल्स","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1782365402341-5c44696d9eb5.webp","शिकूया इंग्लिश चे फंडामेंटल्स ते पण मराठी मध्ये",{"id":130,"slug":131,"title":132,"thumbnailUrl":133,"excerpt":134},"8689b5e8-50e5-40ca-8de9-5862b9873697","git-and-github-mastery-in-marathi","गिट आणि गिटहब मास्टरी","https:\u002F\u002Fclickskills-students-files.b-cdn.net\u002Fcourse-thumbnails\u002F1782717282725-168604971ed2.webp","Git आणि GitHub: प्रोजेक्ट व्यवस्थापनासाठी पूर्ण मार्गदर्शक",{"id":136,"createdAt":137,"updatedAt":137,"deletedAt":138,"title":139,"slug":140,"content":141,"excerpt":142,"status":143,"publishedDate":138,"featuredImage":138,"metaDescription":144,"viewCount":5,"authorId":145,"categoryId":157,"tagIds":163},"6c2a0dd6-5159-4729-83c6-730123d3a779","2026-07-03T09:23:31.331Z",null,"रिऍक्ट काय आहे आणि ते शिकण्यासाठी काय करावे?","what-is-react-and-how-to-learn-it-in-marathi","\u003Cp>रिऍक्ट ही फेसबुक ने बनवलेली एक जावास्क्रिप्ट लायब्ररी आहे. रिऍक्ट चा वापर प्रामुख्याने फ्रंटएन्ड बनवण्यासाठी होतो. आणि अर्थातच हे फ्रंटएन्ड अतिशय वेगवान बनते.\u003C\u002Fp>\u003Cp>रिऍक्ट वापरूनच फेसबुक आणि इंस्टाग्राम सारखी अप्लिकेशन लिहिली गेली आहेत त्यामुळे तुम्ही रिऍक्टच्या प्रचंड ताकदीचा तुम्ही अंदाज घेऊ शकता.\u003C\u002Fp>\u003Ch2>रिऍक्टचा इतिहास\u003C\u002Fh2>\u003Cp>जॉर्डन वाल्के (फेसबुकचे सॉफ्टवेअर अभियंता) यांनी रिऍक्टची निर्मिती केली. त्यांच्यावर XHP, PHP, HTML या गोष्टींचा खूप प्रभाव होता.\u003C\u002Fp>\u003Cp>त्यांनी प्रथमतः \"फॅक्सजेएस\" नावाने रिएक्टचा प्रारंभिक प्रोटोटाइप जारी केला होता.\u003C\u002Fp>\u003Cp>रिऍक्ट प्रथम २०११ मध्ये फेसबुक च्या न्यूज फीडवर आणि नंतर २०१३ मध्ये इंस्टाग्राम वर वापरण्यात आले होते.\u003C\u002Fp>\u003Cp>नंतर मात्र मे २०१३ मध्ये JSConf US येथे रिऍक्ट ओपन सोर्स करण्यात आले.  \u003C\u002Fp>\u003Cp>ओपन सोर्स केल्यापासून आजपर्यंत रिऍक्ट जगातील साधारण ३% वेबसाइटवर वापरण्यात आले आहे.\u003C\u002Fp>\u003Cp>फक्त वेबसाईटसाठी साठी नाही, तर आज रिऍक्ट मोबाईल ऍप बनवण्यासाठीपण वापरले जात आहे.\u003C\u002Fp>\u003Ch2>React, Angular, and Vue.js मध्ये फरक काय आहे?  \u003C\u002Fh2>\u003Cp>जर तुम्ही वेब डेव्हलपमेंटबद्दल याआधी वाचले असेल तर तुम्ही रिऍक्ट, Angular, व्यूजेएस हे शब्द नक्कीच ऐकले असतील.\u003C\u002Fp>\u003Cp>आणि बऱ्याच वेळा हे सगळे एका माळेचे मणी आहेत असा गैरसमज होतो. पण रिऍक्ट हि फक्त फ्रंटएन्ड लायब्ररी आहे. म्हणजे काय थोडक्यात तर रिऍक्ट मध्ये तुम्ही फक्त आणि फक्त फ्रंटएन्ड बनवू शकता.\u003C\u002Fp>\u003Cp>पण Angular, व्यू हे फ्रेमवर्क आहेत. म्हणजेच काय तर त्यात बऱ्याच गोष्टी आधी पासून येतात जसे कि राऊंटिंग, टेम्प्लेटिंग आणि इतर काही गोष्टी.\u003C\u002Fp>\u003Cp>पण रिऍक्ट मध्ये असे काहीच येत नाही. रिऍक्ट म्हणते तुम्हाला UI सोडून ज्या बाकीच्या गोष्टी आहेत त्या तुम्ही तुमच्या हिशोबाने करा.\u003C\u002Fp>\u003Cp>कुठला राउटर वापरायचा, कुठली ऍडऑन लायब्ररी वापरायची, स्टेट कशी मॅनेज करायची हे तुम्ही ठरवा.\u003C\u002Fp>\u003Cp>रिऍक्ट कुठल्याच बाबतीत तुम्हाला अडवत नाही.\u003C\u002Fp>\u003Cp>अशा प्रकारची मोकळीक असल्यामुळे रिऍक्ट स्टार्टअप कंपनी मध्ये मोठ्या प्रमाणात वापरले जाते.\u003C\u002Fp>\u003Cp>त्याउलट, Angular आणि Vue मध्ये काही गोष्टी या ठराविक पद्धतीनेच कराव्या लागतात. यात चुकीचं आणि बरोबर असं काही नाहीये.\u003C\u002Fp>\u003Cp>सांगण्याचा मुद्दा असा आहे कि रिऍक्ट आणि Angular ची तुलना चुकीची आहे. रिऍक्टची तुम्ही सॉलिड, प्रीऍक्ट किंवा स्वेल्ट या लायब्ररींबरोबर तुलना करू शकता, पण Angular किंवा Vue बरोबर नाही.\u003C\u002Fp>\u003Ch2>रिऍक्ट मागचा फंडा काय आहे? \u003C\u002Fh2>\u003Cp>वर्चुअल डॉम (Virtual DOM) हा रिऍक्टचा कणा आहे.\u003C\u002Fp>\u003Cp>जेव्हा आपण जावास्क्रिप्टद्वारे द्वारे एखादा HTML एलिमेंट चेंज बदलतो, त्यावेळी आपली संपूर्ण UI परत तयार होते. आणि जितक्या वेळा हे चेंजेस होतात, तेवढ्या वेळेला ती याच प्रक्रियेतून जाते.\u003C\u002Fp>\u003Cp>आणि आज काल तुम्हालाही माहिती आहे कि अप्लिकेशन रिअल टाईम झाले आहेत. स्क्रीन वरची माहिती दणादण बदलत असते.\u003C\u002Fp>\u003Cp>मग अशा वेळी जर आपण संपूर्ण UI बदलत बसतो तर ते अप्लिकेशन कधीच चालणार नाही.\u003C\u002Fp>\u003Cp>आणि हाच मुद्दा रिऍक्ट ने लक्षात घेऊन वर्चुअल डॉम वापरायला चालू केले.\u003C\u002Fp>\u003Cp>वर्चुअल DOM ही आपल्या नेहमीच्या DOM ची एक मेमरीमध्ये असणारी कॉपी आहे.\u003C\u002Fp>\u003Cp>मग रिऍक्ट ऍप्लिकेशन काय करते? तर, जेव्हा जेव्हा डेटा चेंज होतो, तेव्हा तेव्हा रिऍक्ट आधी व्हर्च्युअल डॉम डॉममध्ये असणाऱ्या डेटाबरोबर तुलना करते.\u003C\u002Fp>\u003Cp>आणि जिथे बदल घडला आहे फक्त तिथे खऱ्या DOM मध्ये बदल करते.\u003C\u002Fp>\u003Cp>याचा सगळ्यात जास्त फायदा काय होतो तर माझी अख्खी UI परत रेंडर होत नाही आणि फक्त बदललेला भाग अपडेट होतो, जेणेकरून माझे application fast चालते.\u003C\u002Fp>\u003Ch2>रिऍक्ट शिकण्यासाठी काय काय माहित असणे गरजेचे आहे? \u003C\u002Fh2>\u003Cp>रिऍक्ट ही एक जावास्क्रिप्ट वर आधारित लायब्ररी आहे. त्यामुळे अर्थातच जावास्क्रिप्टचे सखोल ज्ञान असणे अतिशय आवश्यक आहे.\u003C\u002Fp>\u003Cp>अनेक वेळा विद्यार्थी जावास्क्रिप्ट माहित नसताना किंवा अतिशय जुजबी माहिती असताना रिऍक्ट शिकायला घेतात आणि मग खूप मोठी अडचण निर्माण होते.\u003C\u002Fp>\u003Cp>बेसिक कन्सेप्ट माहित नसल्यामुळे रिऍक्ट शिकणे अवघड जाते आणि मग आपण रिऍक्टकडे पूर्णपणे दुर्लक्ष करतो.\u003C\u002Fp>\u003Cp>यातून नुकसान आपले उगीचच होते. त्यापेक्षा जावास्क्रिप्टचे जर सखोल ज्ञान घेतले आणि मग रिऍक्ट शिकले तर मार्ग खूप मोकळा होतो.\u003C\u002Fp>\u003Ch3>जावास्क्रिप्ट मधील खालील गोष्टी माहित असणं अतिशय आवश्यक आहे. \u003C\u002Fh3>\u003Col>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cp>जर तुम्हाला जावास्क्रिप्ट बेसिक पासून शिकायचे असेल, तर आपला जावास्क्रिप्टचा मराठीतून कोर्स आहे. हा कोर्स तुम्हाला जावास्क्रिप्टची पूर्ण ओळख करून देईल आणि त्याशिवाय वर दिलेले ऍडव्हान्स कन्सेप्ट पण सांगेल.\u003C\u002Fp>\u003Cp>\u003C\u002Fp>\u003Ch3>याव्यतिरिक्त अजून काही गोष्टी असणं गरजेचं आहे, ते म्हणजे  \u003C\u002Fh3>\u003Col>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cblockquote>\u003Cp>\u003C\u002Fp>\u003C\u002Fblockquote>\u003Ch2>React शिकणे का महत्त्वाचे आहे?  \u003C\u002Fh2>\u003Cp>रिऍक्ट ही एक अतिशय लोकप्रिय अशी टेकनॉलॉजि आहे त्यामुळे अर्थातच रिऍक्ट साठी अनेक जॉब मार्केट मध्ये उपलब्ध आहेत.\u003C\u002Fp>\u003Cp>महत्वाचे म्हणजे एका सामान्य वेब डेव्हलपरच्या मानाने, रिऍक्ट डेव्हलपरची सॅलरी जास्त आहे.\u003C\u002Fp>\u003Cp>Glassdoor च्या माहिती माहितीनुसार हा आकडा रु. ४,९०,००० प्रति वर्ष या घरात आहे.\u003C\u002Fp>\u003Ch2>रिऍक्ट कुठे शिकता येईल? \u003C\u002Fh2>\u003Cp>React शिकण्यासाठी अनेक कोर्सेस मार्केटमध्ये मध्ये उपलब्ध आहेत. Udemy पासून YouTube व्हिडिओपर्यंत सगळीकडे कोर्सेस उपलब्ध आहेत.\u003C\u002Fp>\u003Cp>पण जर तुम्हाला रिऍक्ट मराठी मध्ये शिकायचे असेल तर क्लिकस्कील्स वर आपला रिऍक्ट चा कोर्स मराठी मध्ये उपलब्ध आहे.\u003C\u002Fp>\u003Cp>या कोर्समध्ये तुम्हाला रिऍक्टचे सर्व बेसिक कन्सेप्ट शिकवले आहेत जेणेकरून तुम्ही तुमचे रिऍक्ट वेब ऍप स्वतः तयार करू शकता.\u003C\u002Fp>\u003Cp>आणि महत्वाचे म्हणजे तुम्ही फ्री ट्रायल आधी घेऊ शकता. जर तुम्हाला योग्य वाटलं तर तुम्ही पेड कोर्स घेऊ शकता.\u003C\u002Fp>\u003Cp>फ्री ट्रायल घेण्यासाठी खाली दिलेल्या लिंकला क्लिक करा.\u003C\u002Fp>\u003Cp>\u003C\u002Fp>","रिऍक्ट ही फेसबुक ने बनवलेली एक जावास्क्रिप्ट लायब्ररी आहे. रिऍक्ट चा वापर प्रामुख्याने फ्रंटएन्ड बनवण्यासाठी होतो. आणि अर्थातच हे फ्रंटएन्ड अतिशय वेगवान बनते.","published","रिऍक्ट ही फेसबुक ने बनवलेली एक जावास्क्रिप्ट लायब्ररी आहे. या पोस्टमध्ये आपण रिऍक्ट विषयी काही माहिती जाणून घेऊया.",{"id":146,"createdAt":147,"updatedAt":147,"deletedAt":138,"bio":138,"avatar":138,"socialLinks":138,"user":148},"8c459424-59d8-4533-b20e-5f0e47145af8","2026-06-22T09:24:50.082Z",{"id":149,"createdAt":150,"updatedAt":150,"deletedAt":138,"name":151,"email":152,"phone":153,"password":154,"verifiedEmail":155,"roleId":156,"av":5,"oldDbId":138,"age":138,"gender":138,"state":138,"city":138,"profession":138,"signupSource":138,"linkedinUrl":138,"freeAiTrack":138,"trialConsumed":6,"isDisabled":6},"8206d696-7835-45cb-9324-0a5df2d1631c","2026-06-22T09:24:42.267Z","Prathamesh Sakhadeo","pps@clickskills.in","9823063420","$2b$10$ae8.crMuB7EQSYuNJK7cWeir8Z03SEM2EeQavIxeTw2D2eln1cijK",true,"7351bf63-8fcc-4c38-90e1-292248d06ae3",{"id":158,"createdAt":159,"updatedAt":159,"deletedAt":138,"name":160,"slug":161,"description":162},"238b9692-b429-48fc-b196-469da01ad4a4","2026-06-29T10:27:46.847Z","Technology","technology","",[]]