React Native: Learn & Practice

Code Play

యాడ్స్ ఉంటాయి

ఈ యాప్ గురించి పరిచయం

సంక్షిప్త వివరణలు, ఆచరణాత్మక కోడ్ ఉదాహరణలు మరియు చిన్న సవాళ్ల ద్వారా రియాక్ట్ నేటివ్ నేర్చుకోండి. 10 మాడ్యూల్స్‌లోని 148 పాఠాలను అన్వేషించండి, కోడింగ్ ప్లేగ్రౌండ్‌లో ఒక ఉదాహరణను తెరిచి, ఇంటర్‌ఫేస్ ఎలా పనిచేస్తుందో అర్థం చేసుకోవడానికి దానిని మార్చండి.

ప్రాథమిక అంశాల నుండి అభ్యాసం వరకు స్పష్టమైన మార్గం

టెక్స్ట్, వ్యూస్, వేరియబుల్స్, కాంపోనెంట్స్, ఇమేజెస్ మరియు స్టైల్స్‌తో ప్రారంభించండి. ఫ్లెక్స్‌బాక్స్ లేఅవుట్‌లు, ఫారమ్‌లు, టెక్స్ట్ ఇన్‌పుట్, బటన్‌లు, టచ్ ఇంటరాక్షన్‌లు, స్క్రోలింగ్ మరియు లిస్ట్‌లలోకి కొనసాగండి. తర్వాతి మాడ్యూల్స్ హుక్స్, పునర్వినియోగ కాంపోనెంట్స్, స్టేట్ మేనేజ్‌మెంట్, పనితీరు భావనలు, రెస్పాన్సివ్ లేఅవుట్‌లు మరియు ప్రాక్టీస్ ప్రాజెక్ట్‌లను పరిచయం చేస్తాయి.

సవరించడానికి ముందు ఆలోచనను చదవండి

ప్రతి పాఠం ఒక లక్ష్యం, సరళమైన భాషలో అవలోకనం, ముఖ్యమైన ఆలోచనలు, కోడ్, ఆచరణాత్మక చిట్కాలు, ఒక చిన్న సవాలు మరియు స్వీయ-సమీక్ష కోసం ప్రశ్నలను ఒకచోట చేర్చుతుంది. ఉదాహరణను దాని వివరణతో పాటు చూడండి, ఆపై మీరు ప్రయోగాలు చేయడానికి సిద్ధంగా ఉన్నప్పుడు సవరించదగిన వెర్షన్‌ను తెరవండి. బిగినర్, ఇంటర్మీడియట్ మరియు ప్రాక్టీస్ లేబుల్స్ కోర్సులో ప్రతి అంశం ఎక్కడ ఉందో అర్థం చేసుకోవడానికి మీకు సహాయపడతాయి.

మీ స్వంత మార్పులను ప్రయత్నించండి

టెక్స్ట్, విలువలు, స్టైల్స్ మరియు కాంపోనెంట్ ప్రవర్తనను సర్దుబాటు చేయడానికి అంతర్నిర్మిత జావాస్క్రిప్ట్ మరియు JSX ఎడిటర్‌ను ఉపయోగించండి. సింటాక్స్ హైలైటింగ్ మరియు లైన్ నంబర్లు ఉదాహరణలను సులభంగా అర్థం చేసుకోవడానికి సహాయపడతాయి. మార్పులను పరిశీలించడానికి అన్డు మరియు రీడు మీకు సహాయపడతాయి, అయితే రీసెట్ కోడ్ ప్రారంభ ఉదాహరణను పునరుద్ధరిస్తుంది. యాప్‌లోని ప్రివ్యూను తెరవడానికి 'రన్ యాప్' పై నొక్కండి, ఆపై మరో ప్రయత్నం కోసం ఎడిటింగ్‌కు తిరిగి వెళ్లండి.

ఉపయోగకరమైన పద్ధతులను అన్వేషించండి
నియంత్రిత ఇన్‌పుట్‌లు, ఫారం వాలిడేషన్, పాస్‌వర్డ్ విజిబిలిటీ, క్యారెక్టర్ కౌంటర్లు, జాబితా ఫిల్టరింగ్, ఎంచుకోదగిన అంశాలు మరియు ఖాళీ స్థితులను అధ్యయనం చేయండి. కౌంటర్లు, టైమర్లు, లైవ్ క్లాక్, టెంపరేచర్ కన్వర్టర్, టిప్ కాలిక్యులేటర్, కార్డులు, అకార్డియన్, సాధారణ ట్యాబ్‌లు మరియు మినీ టూడూ జాబితాతో ప్రాక్టీస్ చేయండి. ఇవి ఒక ఇంటర్‌ఫేస్‌లోని చిన్న భాగాలు ఎలా కలిసి పనిచేస్తాయో పరిశీలించడానికి మిమ్మల్ని అనుమతించే అభ్యాస ఉదాహరణలు.

మీకు అవసరమైన పాఠాన్ని కనుగొనండి
పాఠాల శీర్షికలను శోధించండి లేదా మాడ్యూల్ ద్వారా లైబ్రరీని తగ్గించండి. అన్ని పాఠాలు, పురోగతిలో ఉన్న పాఠాలు, సేవ్ చేసిన ఇష్టమైనవి మరియు పూర్తి చేసిన పాఠాల మధ్య మారండి. మునుపటి మరియు తదుపరి నియంత్రణలను ఉపయోగించండి లేదా పాఠాల మధ్య స్వైప్ చేయండి. మీరు ఫిల్టర్ చేసిన లైబ్రరీ నుండి ఒక పాఠాన్ని తెరిచినప్పుడు, నావిగేషన్ ఆ ఎంపికను అనుసరిస్తుంది, తద్వారా మీరు ఎంచుకున్న అంశాలతోనే ఉండగలరు.

మీ అభ్యాసాన్ని ట్రాక్ చేయండి
సమీక్ష కోసం పాఠాలను బుక్‌మార్క్ చేయండి మరియు మీరు సిద్ధంగా ఉన్నప్పుడు వాటిని పూర్తి చేసినట్లుగా గుర్తించండి. హోమ్ స్క్రీన్ కోర్సు పురోగతి, పూర్తి చేసిన మరియు సేవ్ చేసిన వాటి సంఖ్య, మరియు స్టడీ స్ట్రీక్‌ను చూపుతుంది. చివరి పాఠాన్ని తిరిగి ప్రారంభించండి లేదా పూర్తికాని తదుపరి అంశానికి కొనసాగండి. పురోగతి మరియు బుక్‌మార్క్‌లు మీ పరికరంలో స్థానికంగా నిల్వ చేయబడతాయి.

మీ ప్రయోగాలకు తిరిగి వెళ్లండి
ఒక ఉదాహరణను అమలు చేయడం వలన దాని కోడ్ ఆ పాఠం కోసం స్థానిక డ్రాఫ్ట్‌గా సేవ్ చేయబడుతుంది. డ్రాఫ్ట్‌ను పునరుద్ధరించడానికి ప్లేగ్రౌండ్‌ను తిరిగి తెరవండి, లేదా అసలు కోడ్‌కు తిరిగి రావడానికి దాన్ని రీసెట్ చేయండి. ఇది స్టార్టర్ మెటీరియల్‌ను భర్తీ చేయకుండానే విరామం తర్వాత ఒక ఆలోచనను తిరిగి చూడటాన్ని సులభతరం చేస్తుంది.

సౌకర్యవంతమైన రూపాన్ని ఎంచుకోండి
లెర్నింగ్ ఇంటర్‌ఫేస్ కోసం లైట్ మోడ్, డార్క్ మోడ్, లేదా సిస్టమ్ థీమ్‌ను ఎంచుకోండి. ఒక భావనను చదవండి, దాని కోడ్‌ను పరిశీలించండి, ఒక నిర్దిష్ట మార్పును చేయండి, మరియు దానిని ఆచరణలో పెట్టడానికి ఛాలెంజ్‌ను ఉపయోగించండి.

విద్యార్థులు, కోడింగ్‌పై ఆసక్తి ఉన్న ప్రారంభకులు, మరియు మొబైల్ ఇంటర్‌ఫేస్ భావనలను సమీక్షించే డెవలపర్‌ల కోసం రూపొందించబడింది. ఉదాహరణలు వెబ్ ఆధారిత ప్రివ్యూలో నడుస్తాయి; ప్లాట్‌ఫారమ్-నిర్దిష్ట APIలు మరియు ప్రవర్తన నేటివ్ యాప్ నుండి భిన్నంగా ఉండవచ్చు. ఈ యాప్‌లో ప్రకటనలు ఉంటాయి. ఇది స్వతంత్ర విద్యా యాప్; రియాక్ట్ నేటివ్ ప్రాజెక్ట్‌తో అనుబంధించబడలేదు లేదా ఆమోదించబడలేదు.