विषयावरील प्रकाशने 'react'
बॅबलने उत्पादन बंडलमधून 710kb वाचविण्यात कशी मदत केली आणि ते पुढीलपेक्षा बरेच काही कसे आहे…
माझ्या कंपनीतील क्लायंट साइड बंडल खूप मोठे आहेत असे सांगून मी याची सुरुवात करेन, खरोखर मोठे, अस्वस्थ करणारे मोठे.
ते खूप मोठे होते हे जाणून मला स्वतःला चांगले वाटते, आमची अॅप्स बहुतेक आधुनिक ब्राउझरमध्ये ~आधुनिक संगणकांवर वापरली जातात आणि मी दिवसाच्या प्रत्येक क्षणाला अपयशी ठरत आहे असे वाटू नये यासाठी मी इतर कोणतेही कारण शोधू शकतो.
इंटरनेटवरील बर्‍याच कार्यप्रदर्शन चर्चा (किमान मी ज्या गोष्टींमध्ये धावतो) मोठ्या व्यापक बदलांवर लक्ष केंद्रित करते, जिथे आम्ही 7mb मोनोलिथिक अॅप घेतो आणि..
प्रतिक्रिया—JS 1O1—भाग 1—Hello World
अहो प्रत्येकजण, आम्ही प्रतिक्रिया आणि JavaScript दोन्ही शेजारी शिकू शकतो, प्रतिक्रिया सुरू करण्यासाठी आम्हाला JavaScript चे सखोल ज्ञान असणे आवश्यक नाही.
या मालिकेची कल्पना एक प्रकल्प तयार करून प्रतिक्रिया आणि JavaScript दोन्ही एकत्र शिकणे आहे. आम्ही लिहित असलेल्या React प्रोग्रामच्या आधारे आवश्यक JavaScript शिकू.
Hello World ने सुरुवात करूया
CodeSandBox सह प्रारंभ करत आहे
React सह प्रारंभ करण्याचा सर्वात सोपा मार्ग म्हणजे CodeSandbox.
Google कोडसँडबॉक्स प्रतिक्रिया..
प्रतिक्रिया मध्ये फॉर्म आणि वापर राज्य
रिअॅक्ट ऍप्लिकेशनच्या रूपात यूजस्टेटचा लाभ घेण्याचे उच्च-स्तरीय विहंगावलोकन
useState एक प्रतिक्रिया "हुक" आहे. हुक तुमच्या अॅपमध्ये कार्यक्षमता जोडते. useState फॉर्म व्हॅल्यू सारख्या राज्य घटकांचा मागोवा घेऊ शकतो. useState हुकमध्ये प्रवेश करण्यासाठी, तुम्हाला ते आयात करावे लागेल: import { useState } from “react”;
स्टेट व्हेरिएबल्ससह कार्य करणे
स्टेट व्हेरिएबल परिभाषित करा, राज्य सेट करण्यासाठी फंक्शन आणि प्रारंभिक…
द्रुत ES6 विकास मार्गदर्शक—भाग १
स्कोपिंग, लूपिंग, डेटा स्ट्रक्चर्स आणि बरेच काही
या भागामध्ये, आम्ही ES6 मध्ये कोणती नवीन वैशिष्ट्ये आली आणि ती कशी वापरायची आणि ES5 वरील सुधारणा समजून घेण्यासाठी द्रुत उदाहरणांचे मूल्यांकन करणार आहोत. नवीन कार्यक्षमतेची यादी खूप मोठी आहे, परंतु येथे आम्ही काही वारंवार वापरल्या जाणार्‍या कार्यांवर लक्ष केंद्रित करणार आहोत. आम्ही आमच्या नियमित विकास कार्यांमध्ये सर्वोत्तम पद्धती कशा वापरायच्या हे देखील शोधू.
ES9 चर्चेत आहे, परंतु ES6 अद्याप सर्व ब्राउझरद्वारे पूर्णपणे समर्थित नाही...
Redux, Recoil, MobX आणि बरेच काही थकले आहे? राज्य व्यवस्थापनाचा दुसरा मार्ग शोधण्याची वेळ आली आहे
आणखी सात वर्षे माझा फ्रंटएंड कोड लिहिल्यानंतर, प्रकल्पांना अंतिम रूप दिल्यावर, पुनर्विचार केल्यावर, मला अधिकाधिक आत्मविश्वास वाटतो की दैनंदिन वापरात असलेल्या काही गोष्टींवर प्रश्नचिन्ह उपस्थित केले जावे, त्यापैकी एक राज्य व्यवस्थापनातील आजच्या सर्वमान्य पद्धतींबद्दल आहे. 🙏 या लेखाद्वारे मी शोधासाठी काही विचार सामायिक करेन.
Redux, Recoil, MobX, Zustand, Jotai किंवा Valtio सह का चिकटू नये
आत्तापर्यंत, विशेषत: प्रतिक्रियामध्ये, राज्य व्यवस्थापनाची अनेक ग्रंथालये झाली आहेत. म्हणून,..
प्रतिक्रिया मध्ये राउटिंग स्तर कसा तयार करावा आणि आपल्याला त्याची आवश्यकता का आहे
सिंगल-पेज रिअॅक्ट अॅप्लिकेशनमध्ये, राउटिंग पूर्ण पृष्ठ रीलोड ट्रिगर न करता वेगवेगळ्या पृष्ठांमध्ये नेव्हिगेट करण्याच्या प्रक्रियेचा संदर्भ देते. अनुप्रयोग सुरुवातीला एकच HTML पृष्ठ लोड करतो. नंतर, ते वापरकर्त्याच्या परस्परसंवादावर आधारित डायनॅमिकरित्या भिन्न घटक प्रस्तुत करते.
React मध्ये अंगभूत राउटिंग क्षमता नसल्यामुळे, तुम्हाला ती तृतीय-पक्ष लायब्ररी वापरून अंमलात आणणे आवश्यक आहे. प्रत्येक लायब्ररी वेगळी असते, परंतु सामान्यतः असे होते की तुम्ही तुमच्या प्रतिक्रिया ऍप्लिकेशनमध्ये..
प्रतिक्रिया घटकांमधील डेटा कसा पास करायचा?
तुम्हाला प्रतिक्रिया घटकांमधील डेटा पास करायचा आहे असे म्हणा. मी पाहिल्याप्रमाणे, असे करण्याचे दोन मार्ग आहेत. मी येथे जे दाखवणार आहे ते त्यापैकी फक्त एक आहे. हे बाह्य काहीही वापरत नाही, म्हणून एखाद्याच्या प्रतिक्रिया कौशल्यांचा सराव करण्याचा हा एक चांगला मार्ग (IMO) आहे. माझ्या बाबतीत, मला एका घटकातून दुसर्‍या घटकामध्ये वापरकर्ता इनपुट मिळणे आवश्यक आहे. हे करण्यासाठी, मी तृतीय (पालक) घटक वापरून त्या दोघांमधील डेटा कसा पास करायचा हे शिकलो. हे करणे किती सोपे आहे हे मी तुम्हाला..
