19 Yenza iithebhu zazo zonke iintlobo zamaxesha kunye nokunye

Yenza iithebhu

Sele ikho ngelo xesha sabelana ngothotho lwamaxesha kulawo malungu ewebhu apho sifuna ukurekhoda uthotho lweziganeko. Ngoku kunjalo Iithebhu ezili-19 ezinenjongo enye, nangona kunjalo = React ukuze ufumane eyona ilungileyo ichaza imisitho yexesha okanye imbali yenkampani yakho ngombhalo onxulumene noko.

Kule ingqokelela ye-19 ii-React tabs kukho zombini zithe tye kwaye zime nkqo kwaye bonke bakhululekile ngokupheleleyo. Ke unokuba nazo njengoko uthanda. Uthotho lweethebhu ezigubungela zonke iintlobo zeemfuno zokulandela umgangatho wangoku woyilo lwewebhu kulo nyaka u-2018. Masiyenze ngee-19 React tabs ezingayi kushiya nabani na ongakhathaliyo.

Yenza iithebhu ezincinci

Iithebhu ezincinci

Icandelo lesithuba sokuSebenza kunye iinketho ezisisiseko zokwenza ngokwezifiso isihloko. Ukusuka kwiphepha lomzekelo ungabona inkqubo yokwakheka eyahlukileyo ekhokelela kwithebhu esisiseko yoyilo olwahlukileyo.

Apha Github.

React super tabs

Iibhloko

Ukusuka kwiikhowudi zebhokisi yebhokisi onakho fikelela kwidemo yale thebhu ye React oko kwahlulwa kukuphinda usetyenziswe kwakhona. Njengoko kunokubonwa kumzekelo, zizithebhu ezisisiseko kunye nolwazi esifuna ukubonelela kwiwebhusayithi yethu. Unalo lonke ulwazi olufanelekileyo kwidemo.

Apha Github.

Yenza iithebhu zewebhu

Yenza iithebhu zewebhu

Ngale thebhu ye React sinako khetha ubeko oluthe tyaba okanye enye kwi nkqo. Ukwahlula ngokuba ziimodyuli kunye nokufikeleleka kwezinye iithebhu onokuthi uzibone kwimizekelo yazo ukuze uzisebenzise njengoko zikulungele kwiwebhusayithi yakho.

Apha Github.

Phendula iiTabhu eziPhendulayo

Phendula ngokuphendula

Iithebhu eziphendulayo zeReact ezahlulwe ngokuba yeselula. Kwiphepha lomzekelo unokufumana iindlela ezahlukeneyo zokujonga ulwenziwo ngalunye kwezi thebhu zibonelela ngeReact.

Ungaphoswa yeyakho Github.

Yenza iithebhu ezifikelelekayo

Yenza iithebhu ezifikelelekayo

Icandelo ifikeleleka kwiithebhu zeReact. Ilula kakhulu kuyo yonke intsingiselo yamacandelo amathathu aboniswe kumzekelo onikiweyo ukuze ufumane umbono wezi thebhu zeReact.

Su Github.

Izinto zeetab

Izinto zeetab

Apha asinalo iphepha ledemo ukubona le thebhu yeReact in situ, kodwa ungaya kwiwebhusayithi kwi-github ukuze ube nayo yonke ikhowudi esandleni sakho. Yipakethe yeReact ebonelela ngento ye iithebhu kuyilo lwezixhobo, ulwimi loyilo isuka kuGoogle ebikunye nathi iminyaka embalwa. Apha ungafikelela kwizixhobo ezipapashiweyo nguGoogle ukusebenzisa uyilo lwezixhobo.

Yenza iithebhu zokuhamba

Yenza iithebhu zokuhamba

Ukuphendula ukukhangela iithebhu sisixhobo somgangatho weReact esikuvumela ivumela ukukhangela kwiithebhu kwi-app yakho yewebhu. Ukusuka kwikhonkco elifanayo kwiphepha lomzekelo unokufikelela kwi-Github yayo ukuze ubone ikhowudi eseleyo.

I-Tab yokuphendula

Yenza ithebhu

Isithuba sokuSebenza ngenkxaso yeselfowuni kwaye enokuhlelwa. Yi I-Tab esekwe kwi-API ye React JavaScript. Unokhetho lokukhetha phakathi kwemixholo emithathu kwiphepha lomzekelo kwaye uye kwiGithub ukusuka kwiqhosha "loXwebhu" kuyo. Kukwiphepha elinye lomzekelo apho libonisa konke ukwenziwa okunokwenziwa.

Phendula uAria Tabpanel

Phendula iaria

Ikuvumela ukuba unxibelelane neethebhu nge Izitshixo zotolo lwebhodi yezitshixo yecandelo le-React eliguqukayo elikuvumela ukuba ulwenziwo olukhulu. Unemizekelo eyahlukeneyo kwiphepha layo ledemo.

Yenza iThabbordion

Yenza iThabbordion

Elinye icandelo leReact elinazo zonke iintlobo zokhetho lokwenza ngokwezifiso njengedilesi kwindawo yokugcina izinto. I-Universal kunye ne-semantic ikuvumela ukuba wenze ii-accordion kunye neethebhu zewebhusayithi yakho. Akukho kunqongophala kweenkcukacha kulo lonke ulwazi oluyimfuneko ukumilisela.

Ngokukhawuleza iiThabhu zeReact

Ukukhawuleza ukusabela kwiithebhu

Icandelo lesithuba seReact elisebenzisa ubhetyebhetye kunye nomxholo wayo wobukho. Ifezekile ekunikezeleni iithebhu ezifikelelekayo. Lonke ulwazi, kunye nekhonkco kwindawo yokugcina izinto kwiGithub iyafumaneka kwiphepha elinikiweyo.

Yenza izinto ngokuswayipha

Yenza iithebhu zokuswayipha

Inxalenye ye React yeethebhu ezingenisiweyo kunye neembono ezinokubakho yibone ngomzimba. Igqibelele indawo enikezelwe kwiselfowuni. Unemizekelo yeendlela ezahlukeneyo kwiphepha lomzekelo ukuze ungaphoswa zinkcukacha zeli candelo le-React.

Iibhloko

Iibhloko

Icandelo le = React tabs ezivela kumzekelo wewebhusayithi onokwahlula okwahlukileyo iinketho ezinikiweyo zokwenza ngokwezifiso. Lonke ulwazi lucwangciswe ngokwaneleyo ukuze ukwazi ukulisebenzisa ngokulula eli candelo.

Yenza iiTab

Yenza iithebhu

Into enkulu yeReact yecandelo leJavaScript ukusebenziseka lula nokufikeleleka kakuhle. Ukusuka kwiphepha lomzekelo unokufikelela kwindawo yokugcina izinto kwi-Github. Babeka imizekelo eyahlukeneyo enje apho kukho isithuba esikhubazeke ngokungagqibekanga. Isithuba sinokusetyenziselwa ukugxila kwiithebhu kwaye sisebenzise izitshixo zotolo ukuswitsha phakathi kweetab.

Iimpawu zeM-M

Iithebhu zalapha ekhaya zokuSabela zombini web njengokuzalwa. Unemizekelo emininzi kwiphepha elinikiweyo ukubona ukuba eli candelo liziphatha njani. Kwikona ephezulu ngasekunene unekhonkco kwindawo yokugcina izinto zeGithub ukuba ufuna ukwazi ngakumbi okanye ukuyithatha kwiwebhusayithi yakho.

Phendula iiThebhu zoMdabu

Yenza izinto zendalo

Njengoko igama layo libonisa, kunjalo ejolise kuYilo lweZinto yokuphunyezwa kweetab. Asinalo iphepha lomzekelo, kodwa sinendawo yokugcina izinto yaseGithub apho ungafumana khona yonke into efunekayo ukudityaniswa kwayo.

Phendula ukujonga kweTebhu yesiNtu

Yenza izinto zendalo

Icandelo leqonga lomnqamlezo we-React Native. Kukumiliselwa kwiJavaScript kuphela kunye nokuvumela ukusetyenziswa kwezimbo zomzimba Ukutshintsha phakathi kweetab ezahlukeneyo. Iphawuleka ngokwenza ngokwezifiso kakhulu, okuvumela zonke iintlobo zokuchuma.

Yenza i-tabbar yendalo

Yenza i-tabbar yemveli

Icandelo le = React tabs) isikhangeli esihle kakhulu kunye nebha yeenkophe.

Phendula iiTab

Phendula iiTab

Phendula indawo yoTywala njengeqonga elizimeleyo elinokuthi isetyenziselwe imivimbo esezantsi kunye neembono zecandelo. Ngale nto sigqiba uthotho lweetab zeReact. Sikushiya ngothotho lweefom kwiCSS ukuze ukwazi ukujonga kwaye ubone ukuba zilungile na kwiwebhusayithi yakho.


Shiya uluvo lwakho

Idilesi yakho ye email aziyi kupapashwa. ezidingekayo ziphawulwe *

*

*

  1. Uxanduva lwedatha: UMiguel Ángel Gatón
  2. Injongo yedatha: Ulawulo lwe-SPAM, ulawulo lwezimvo.
  3. Umthetho: Imvume yakho
  4. Unxibelelwano lwedatha: Idatha ayizukuhanjiswa kubantu besithathu ngaphandle koxanduva lomthetho.
  5. Ukugcinwa kweenkcukacha
  6. Amalungelo: Ngalo naliphi na ixesha unganciphisa, uphinde uphinde ucime ulwazi lwakho.