React Native: Learn & Practice

Code Play

Зар агуулсан

Энэ аппын тухай

React Native-г богино тайлбар, практик кодын жишээ, жижиг сорилтуудаар дамжуулан сур. 10 модулийн 148 хичээлийг судалж, код бичих талбайд жишээ нээж, интерфэйс хэрхэн ажилладагийг ойлгохын тулд өөрчил.

Үндсэн ойлголтоос дадлага хийх тодорхой зам
Текст, харагдац, хувьсагч, бүрэлдэхүүн хэсэг, зураг, хэв маягаас эхэл. Flexbox загвар, маягт, текст оруулах, товчлуур, мэдрэгчтэй харилцан үйлчлэл, гүйлгэх, жагсаалт руу үргэлжлүүлнэ үү. Дараагийн модулиуд нь дэгээ, дахин ашиглах боломжтой бүрэлдэхүүн хэсэг, төлөвийн удирдлага, гүйцэтгэлийн концепц, хариу үйлдэл үзүүлэх загвар, дадлагын төслүүдийг танилцуулдаг.

Засварлахаасаа өмнө санааг уншина уу
Хичээл бүр нь зорилго, энгийн хэл дээрх тойм, гол санаа, код, практик зөвлөмж, жижиг сорилт, өөрийгөө хянах асуултуудыг нэгтгэдэг. Жишээг тайлбарын хамт хараарай, дараа нь туршилт хийхэд бэлэн болмогц засварлах боломжтой хувилбарыг нээнэ үү. Анхан шатны, дунд шатны болон дадлагын шошго нь сэдэв бүрийн хичээлийн байр суурийг ойлгоход тусална.

Өөрийн өөрчлөлтийг туршиж үзээрэй
Текст, утга, хэв маяг, бүрэлдэхүүн хэсгийн зан төлөвийг тохируулахын тулд суулгасан JavaScript болон JSX засварлагчийг ашиглаарай. Синтаксийн тодруулга болон мөрийн дугаар нь жишээг дагахад хялбар болгодог. Буцаах болон дахин хийх нь өөрчлөлтийг судлахад тусалдаг бол кодыг дахин тохируулах нь эхлэлийн жишээг сэргээдэг. Апп доторх урьдчилсан тоймыг нээхийн тулд "Апп ажиллуулах" дээр товшоод дараа нь дахин оролдохын тулд засварлах руу буцна уу.

Ашигтай хэв маягийг судлах
Хяналттай оролт, маягтын баталгаажуулалт, нууц үгийн харагдах байдал, тэмдэгтийн тоолуур, жагсаалтын шүүлтүүр, сонгож болох зүйлс болон хоосон төлөвүүдийг судлах. Тоолуур, цаг хэмжигч, шууд цаг, температурын хөрвүүлэгч, зөвлөгөөний тооцоолуур, картууд, баян хуур, энгийн табууд болон жижиг хийх ажлын жагсаалттай дадлага хийх. Эдгээр нь интерфэйсийн жижиг хэсгүүд хэрхэн хоорондоо хэрхэн нийцэж байгааг шалгах боломжийг олгодог сургалтын жишээнүүд юм.

Хэрэгтэй хичээлээ олоорой
Хичээлийн гарчгийг хайх эсвэл номын санг модулиар нарийсгах. Бүх хичээл, явагдаж буй хичээлүүд, хадгалсан дуртай зүйлс болон дууссан хичээлүүдийн хооронд шилжих. Өмнөх болон Дараагийн удирдлагыг ашиглах эсвэл хичээлүүдийн хооронд шударна уу. Шүүгдсэн номын сангаас хичээл нээхэд навигаци нь тухайн сонголтыг дагадаг тул та сонгосон сэдвүүдээрээ үлдэх боломжтой.

Суралцсан зүйлээ хянах
Хичээлүүдийг хавчуурга болгон тэмдэглэж, бэлэн болсон үедээ дууссан гэж тэмдэглэнэ үү. Нүүр дэлгэц нь хичээлийн явц, дууссан болон хадгалсан тоо, судалгааны дарааллыг харуулдаг. Сүүлийн хичээлийг үргэлжлүүлэх эсвэл дараагийн дуусаагүй сэдэв рүү үргэлжлүүлэх. Дэвшил болон хавчуурга нь таны төхөөрөмж дээр локал хадгалагдана.

Туршилтууд руугаа буцах
Жишээг ажиллуулах нь түүний кодыг тухайн хичээлийн локал ноорог болгон хадгалдаг. Ноорогыг сэргээхийн тулд тоглоомын талбайг дахин нээ эсвэл анхны код руу буцахын тулд дахин тохируулна уу. Энэ нь завсарлагааны дараа эхлэлийн материалыг солихгүйгээр санааг дахин харахад хялбар болгодог.

Тохиромжтой төрхийг сонгоно уу
Сургалтын интерфэйсийн хувьд гэрлийн горим, харанхуй горим эсвэл системийн сэдвийг сонгоно уу. Концепцийг уншиж, кодыг нь шалгаж, нэг төвлөрсөн өөрчлөлт хийж, сорилтыг ашиглан үүнийг хэрэгжүүлэх дадлага хий.

Код бичих сонирхолтой оюутнууд, анхан шатны суралцагчид болон гар утасны интерфэйсийн концепцийг хянаж буй хөгжүүлэгчдэд зориулагдсан. Жишээнүүд нь вэб дээр суурилсан урьдчилсан байдлаар ажилладаг; платформд тохирсон API болон зан төлөв нь уугуул аппликейшнаас өөр байж болно. Апп нь зар сурталчилгаа агуулдаг. Бие даасан боловсролын аппликейшн; React Native төсөлтэй холбоогүй эсвэл дэмжигдээгүй.