React Native: Learn & Practice

Code Play

Bevat advertensies

Meer oor hierdie app

Leer React Native deur kort verduidelikings, praktiese kodevoorbeelde en klein uitdagings. Verken 148 lesse in 10 modules, maak 'n voorbeeld oop in die kodeerspeelgrond en verander dit om te verstaan ​​hoe die koppelvlak werk.

'n Duidelike pad van basiese beginsels tot oefening
Begin met teks, aansigte, veranderlikes, komponente, beelde en style. Gaan voort met Flexbox-uitlegte, vorms, teksinvoer, knoppies, raakinteraksies, blaai en lyste. Latere modules stel hake, herbruikbare komponente, toestandsbestuur, werkverrigtingskonsepte, responsiewe uitlegte en oefenprojekte bekend.

Lees die idee voor redigering
Elke les bring 'n doelwit, 'n oorsig in eenvoudige taal, sleutelidees, kode, praktiese wenke, 'n klein uitdaging en vrae vir selfhersiening bymekaar. Sien die voorbeeld langs die verduideliking, en maak dan die wysigbare weergawe oop wanneer jy gereed is om te eksperimenteer. Beginner-, intermediêre en oefenetikette help jou om te verstaan ​​waar elke onderwerp in die kursus is.

Probeer jou eie veranderinge
Gebruik die ingeboude JavaScript- en JSX-redigeerder om teks, waardes, style en komponentgedrag aan te pas. Sintaksuitligting en reëlnommers maak voorbeelde makliker om te volg. Ongedaan maak en oordoen help jou om veranderinge te verken, terwyl Herstel kode die beginvoorbeeld herstel. Tik op Begin toepassing om die voorskou in die toepassing oop te maak en keer dan terug na redigering vir nog 'n poging.

Verken nuttige patrone
Bestudeer beheerde insette, vormvalidering, wagwoordsigbaarheid, karaktertellers, lysfiltering, kiesbare items en leë toestande. Oefen met tellers, timers, 'n lewendige horlosie, 'n temperatuuromskakelaar, 'n fooitjie-sakrekenaar, kaarte, 'n trekklavier, eenvoudige oortjies en 'n mini-taaklys. Dit is leervoorbeelde wat jou toelaat om te ondersoek hoe klein stukkies van 'n koppelvlak bymekaar pas.

Vind die les wat jy benodig
Soek lestitels of vernou die biblioteek volgens module. Wissel tussen alle lesse, lesse wat aan die gang is, gestoorde gunstelinge en voltooide lesse. Gebruik Vorige en Volgende kontroles of swiep tussen lesse. Wanneer jy 'n les uit 'n gefiltreerde biblioteek oopmaak, volg navigasie daardie keuse sodat jy by die onderwerpe wat jy gekies het, kan bly.

Hou tred met jou leer
Merk lesse vir hersiening en merk hulle as voltooi wanneer jy gereed is. Die tuisskerm wys kursusvordering, voltooide en gestoorde tellings, en 'n studiestreep. Hervat die laaste les of gaan voort na die volgende onvoltooide onderwerp. Vordering en boekmerke word plaaslik op jou toestel gestoor.

Keer terug na jou eksperimente
As jy 'n voorbeeld uitvoer, stoor dit die kode as 'n plaaslike konsep vir daardie les. Maak die speelgrond weer oop om die konsep te herstel, of herstel dit om terug te keer na die oorspronklike kode. Dit maak dit makliker om 'n idee na 'n pouse te hersien sonder om die beginmateriaal te vervang.

Kies 'n gemaklike voorkoms
Kies ligmodus, donkermodus of die stelseltema vir die leerkoppelvlak. Lees 'n konsep, inspekteer die kode, maak een gefokusde verandering en gebruik die uitdaging om dit toe te pas.

Ontwerp vir studente, beginners met 'n belangstelling in kodering en ontwikkelaars wat mobiele koppelvlakkonsepte hersien. Voorbeelde loop in 'n webgebaseerde voorskou; platformspesifieke API's en gedrag kan verskil van 'n oorspronklike toepassing. Die toepassing bevat advertensies. Onafhanklike opvoedkundige toepassing; nie geaffilieer met of onderskryf deur die React Native-projek nie.