React Native: Learn & Practice

Code Play

Sadrži oglase

O ovoj aplikaciji

Научите React Native кроз кратка објашњења, практичне примере кода и мале изазове. Истражите 148 лекција у 10 модула, отворите пример у простору за кодирање и промените га да бисте разумели како интерфејс функционише.

Јасан пут од основа до праксе
Почните са текстом, приказима, променљивим, компонентама, сликама и стиловима. Наставите са Flexbox распоредима, обрасцима, уносом текста, дугмадима, интеракцијама додиром, скроловањем и листама. Каснији модули уводе „hooks“ компоненте за вишекратну употребу, управљање стањем, концепте перформанси, респонзивне распореде и пројекте за вежбање.

Прочитајте идеју пре уређивања
Свака лекција обједињује циљ, преглед на једноставном језику, кључне идеје, код, практичне савете, мали изазов и питања за самостално утврђивање. Погледајте пример поред његовог објашњења, а затим отворите верзију која се може уређивати када будете спремни за експериментисање. Ознаке за почетнике, средње нивое и вежбање вам помажу да разумете где се свака тема налази у курсу.

Испробајте сопствене измене
Користите уграђени JavaScript и JSX едитор да бисте прилагодили текст, вредности, стилове и понашање компоненти. Истицање синтаксе и бројеви редова олакшавају праћење примера. Поништавање и понављање радње вам помажу да истражите промене, док код за ресетовање враћа почетни пример. Додирните „Покрени апликацију“ да бисте отворили преглед у апликацији, а затим се вратите на уређивање за још један покушај.

Истражите корисне обрасце
Проучите контролисане уносе, валидацију образаца, видљивост лозинки, бројаче знакова, филтрирање листе, ставке које се могу изабрати и празна стања. Вежбајте са бројачима, тајмерима, живим сатом, конвертором температуре, калкулатором бакшиша, картицама, хармоником, једноставним картицама и мини листом обавеза. Ово су примери учења који вам омогућавају да испитате како се мали делови интерфејса уклапају.

Пронађите лекцију која вам је потребна
Претражите наслове лекција или сузите библиотеку по модулу. Пребацујте се између свих лекција, лекција у току, сачуваних омиљених и завршених лекција. Користите контроле „Претходно“ и „Следеће“ или превуците прстом између лекција. Када отворите лекцију из филтриране библиотеке, навигација прати тај избор тако да можете остати уз теме које сте изабрали.

Пратите своје учење
Означите лекције за преглед и означите их као завршене када будете спремни. Почетни екран приказује напредак курса, завршене и сачуване бројеве и низ учења. Наставите последњу лекцију или пређите на следећу недовршену тему. Напредак и обележивачи се чувају локално на вашем уређају.

Вратите се својим експериментима
Покретање примера чува његов код као локални нацрт за ту лекцију. Поново отворите игралиште да бисте вратили нацрт или га ресетујте да бисте се вратили на оригинални код. Ово олакшава поновни преглед идеје након паузе без замене почетног материјала.

Изаберите удобан изглед
Изаберите светли режим, тамни режим или системску тему за интерфејс за учење. Прочитајте концепт, прегледајте његов код, направите једну фокусирану промену и искористите изазов да вежбате његову примену.

Дизајнирано за студенте, почетнике заинтересоване за кодирање и програмере који прегледају концепте мобилног интерфејса. Примери се покрећу у веб прегледу; API-ји и понашање специфични за платформу могу се разликовати од нативне апликације. Апликација садржи огласе. Независна образовна апликација; није повезана са пројектом React Native нити је подржао.