React Native: Learn & Practice

Code Play

May mga ad

Tungkol sa app na ito

Matuto ng React Native sa pamamagitan ng maiikling paliwanag, praktikal na mga halimbawa ng code, at maliliit na hamon. Galugarin ang 148 na aralin sa 10 module, magbukas ng isang halimbawa sa coding playground, at baguhin ito upang maunawaan kung paano gumagana ang interface.

Isang malinaw na landas mula sa mga pangunahing kaalaman hanggang sa pagsasanay
Magsimula sa teksto, mga view, mga variable, mga component, mga imahe, at mga istilo. Magpatuloy sa mga layout, form, input ng teksto, mga button, mga interaksyon sa pagpindot, pag-scroll, at mga listahan ng Flexbox. Ang mga susunod na module ay magpapakilala ng mga hook, magagamit muli na mga component, pamamahala ng estado, mga konsepto ng pagganap, mga responsive na layout, at mga proyekto sa pagsasanay.

Basahin ang ideya bago i-edit
Ang bawat aralin ay pinagsasama-sama ang isang layunin, isang pangkalahatang-ideya sa simpleng wika, mga pangunahing ideya, code, mga praktikal na tip, isang maliit na hamon, at mga tanong para sa pagsusuri sa sarili. Tingnan ang halimbawa kasama ang paliwanag nito, pagkatapos ay buksan ang nae-edit na bersyon kapag handa ka nang mag-eksperimento. Ang mga label para sa nagsisimula, intermediate, at pagsasanay ay makakatulong sa iyo na maunawaan kung saan nakalagay ang bawat paksa sa kurso.

Subukan ang iyong sariling mga pagbabago
Gamitin ang built-in na JavaScript at JSX editor upang ayusin ang teksto, mga halaga, mga istilo, at pag-uugali ng component. Ang pag-highlight ng syntax at mga numero ng linya ay ginagawang mas madaling sundan ang mga halimbawa. Ang pag-undo at pag-redo ay tumutulong sa iyo na tuklasin ang mga pagbabago, habang ang pag-reset ng code ay nagpapanumbalik ng panimulang halimbawa. I-tap ang Run app upang buksan ang in-app preview, pagkatapos ay bumalik sa pag-eedit para sa isa pang pagsubok.

Tuklasin ang mga kapaki-pakinabang na pattern
Pag-aralan ang mga kontroladong input, pagpapatunay ng form, visibility ng password, mga character counter, pag-filter ng listahan, mga mapipiling item, at mga walang laman na estado. Magsanay gamit ang mga counter, timer, isang live na orasan, isang temperature converter, isang tip calculator, mga card, isang accordion, mga simpleng tab, at isang mini todo list. Ito ay mga halimbawa ng pag-aaral na nagbibigay-daan sa iyong suriin kung paano magkakasama ang maliliit na piraso ng isang interface.

Hanapin ang aralin na kailangan mo
Maghanap ng mga pamagat ng aralin o paliitin ang library ayon sa module. Lumipat sa pagitan ng lahat ng aralin, mga kasalukuyang aralin, mga naka-save na paborito, at mga natapos na aralin. Gamitin ang mga kontrol ng Nakaraan at Susunod o mag-swipe sa pagitan ng mga aralin. Kapag nagbukas ka ng isang aralin mula sa isang na-filter na library, sinusundan ng nabigasyon ang seleksyon na iyon upang manatili ka sa mga paksang iyong pinili.

Subaybayan ang iyong pag-aaral
I-bookmark ang mga aralin para sa pagsusuri at markahan ang mga ito na kumpleto kapag handa ka na. Ipinapakita ng home screen ang pag-unlad ng kurso, mga nakumpleto at naka-save na bilang, at isang study streak. Ipagpatuloy ang huling aralin o magpatuloy sa susunod na hindi natapos na paksa. Ang progreso at mga bookmark ay lokal na nakaimbak sa iyong device.

Bumalik sa iyong mga eksperimento
Ang pagpapatakbo ng isang halimbawa ay nagse-save ng code nito bilang isang lokal na draft para sa araling iyon. Buksan muli ang palaruan upang ibalik ang draft, o i-reset ito upang bumalik sa orihinal na code. Ginagawa nitong mas madali ang muling pagbisita sa isang ideya pagkatapos ng pahinga nang hindi pinapalitan ang panimulang materyal.

Pumili ng komportableng hitsura
Pumili ng light mode, dark mode, o ang tema ng system para sa learning interface. Basahin ang isang konsepto, siyasatin ang code nito, gumawa ng isang nakatutok na pagbabago, at gamitin ang hamon upang magsanay sa paglalapat nito.

Dinisenyo para sa mga mag-aaral, mga nagsisimula na may interes sa coding, at mga developer na sumusuri sa mga konsepto ng mobile interface. Ang mga halimbawa ay tumatakbo sa isang web-based na preview; ang mga API at pag-uugali na partikular sa platform ay maaaring magkaiba sa isang native app. Ang app ay naglalaman ng advertising. Independiyenteng pang-edukasyon na app; hindi kaakibat o ineendorso ng proyektong React Native.