19 Hana i nā kapu o nā ʻano like ʻole no nā timeline a me nā mea hou aʻe

Hana i nā kapu

I kēia manawa kaʻana like mākou i nā kaʻina manawa no kēlā mau ʻaoʻao pūnaewele i loko o mākou makemake mākou e hoʻopaʻa i kahi moʻo o nā hanana. I kēia manawa lākou Nā kapu he 19 me ka pahuhopu likeʻOiai ma React i hiki ai iā ʻoe ke loaʻa kahi mea kūpono e wehewehe ai i nā hanana i ka manawa manawa a i ʻole ka mōʻaukala o kāu ʻoihana me nā huaʻōlelo e pili ana.

I kēia hōʻiliʻili o 19 React tabs aia ʻalalā a kaulike hoʻi a ua noa lākou āpau. No laila hiki iā ʻoe ke loaʻa iā lākou e like me kou makemake. He moʻo o nā kapu e uhi i nā ʻano pono āpau e hāhai i ke kūlana maʻamau o ka hoʻolālā pūnaewele i kēia makahiki 2018. E hana mākou me nā kapu 19 React e haʻalele ʻole i kekahi.

Hana i nā Tab Tiny

Nā kapu liʻiliʻi

ʻO kahi ʻāpana kapu no React me nā koho maʻamau e hoʻopilikino ke kumuhana. Mai ka ʻaoʻao laʻana hiki iā ʻoe ke ʻike i ke kaʻina hana ʻokoʻa i nā hopena i kahi kapu kumu me kahi hoʻolālā ʻano ʻē.

Eia Github.

Hana i nā kapu super

nā māhele

Mai nā codeandbox hiki iā ʻoe e kiʻi i ka demo o kēia kapu no React ʻike ʻia ka mea hiki ke hoʻohana hou ʻia. E like me ka mea i ʻike ʻia ma ka laʻana, he kapu ʻaoʻao lākou me ka ʻike a mākou e makemake ai e hoʻolako ma kā mākou pūnaewele. Loaʻa iā ʻoe nā ʻike pili āpau i ka demo.

Eia Github.

Hana i nā kapu pūnaewele

Hana i nā kapu pūnaewele

Me kēia kapu no React hiki iā mākou koho i kahi hoʻonohonoho papamoe a i ʻole i kahi ʻākau. Hoʻomaopopo ʻia e ka modular a hiki ke kiʻi ʻia no kekahi mau kapu i hiki iā ʻoe ke ʻike i kā lākou mau hiʻohiʻona i mea e hoʻohana ai e like me ke kūpono iā ʻoe ma kāu pūnaewele.

Eia Github.

Hana i nā ʻaoʻao pane

Pane pane aku ai

Nā ʻaoʻao pane no ka React i hoʻokaʻawale ʻia e ka no ka lawe lima. Ma ka ʻaoʻao laʻana hiki iā ʻoe ke ʻike i nā koho ʻokoʻa e nānā i kēlā me kēia maʻamau i hāʻawi ʻia e kēia mau ʻaoʻao no React.

ʻAʻole nalo i kāu Github.

Hana i nā kapu i hiki ai

Hana i nā kapu i hiki ai

ʻO kahi ʻāpana hiki i nā kapu no React. Maʻalahi loa i kāna mau kumuwaiwai āpau no ʻekolu mau ʻāpana i hōʻike ʻia i ka laʻana i hāʻawi ʻia i hiki ai iā ʻoe ke kiʻi i kahi manaʻo o kēia mau kapu no React.

Su Github.

Nā mea kapu

Nā mea kapu

Maʻaneʻi ʻaʻohe o mākou ʻaoʻao demo e ʻike i kēia ʻaoʻao no React ma situ, akā hiki iā ʻoe ke hele i ka ʻaoʻao pūnaewele ma github e loaʻa nā code āpau i kou lima. He pūʻulu React ia e hāʻawi nei i kahi o nā kapu i ka Design Material, ka ʻōlelo hoʻolālā mai Google i noho pū me mākou no kekahi mau makahiki i kēia manawa. Maʻaneʻi hiki iā ʻoe ke komo i nā pono hana i paʻi ʻia na Google e hoʻohana i ka Hoʻolālā Material.

Hana i nā hoʻokele kapu

Hana i nā hoʻokele kapu

ʻO nā hoʻokele kapu React kahi mea maikaʻi o React e ʻae iā ʻoe ʻae i ka nānā ʻana ma o nā kapu i kāu polokalamu pūnaewele. Mai ka loulou like i ka ʻaoʻao laʻana hiki iā ʻoe ke komo i kāna Github e ʻike i ke koena o ke code.

React TabTab

React tabtab

Kuhi no React me ke kākoʻo kelepona a hiki ke hoʻoponopono ʻia. He a API hoʻokumu kahua-kapu no React JavaScript. He koho kāu e koho ai ma waena o ʻekolu mau kumuhana mai ka ʻaoʻao laʻana a hele i Github mai ke pihi "Document" ma luna. Aia ia ma ka ʻaoʻao laʻana like kahi e hōʻike ai i nā hana maʻamau āpau i hiki ke hoʻokō ʻia.

ʻO React Aria Tabpanel

Hoʻohuli i ka aria

ʻAe iā ʻoe e launa pū me nā kapu me nā pihi kī kī no kahi mea hana maʻalahi React e hiki ai i ka hana pilikino nui. He mau laʻana like ʻole kāu mai kāna ʻaoʻao demo.

React Tabbordion

React Tabbordion

ʻO kekahi mea ʻē aʻe no React i loaʻa nā ʻano koho maʻamau āpau e like me ka helu wahi i ka waihona. Hāʻawi ʻo Universal a semantic iā ʻoe e hana i nā kuʻikahi a me nā kapu no kāu pūnaewele. ʻAʻohe hemahema o nā kikoʻī i nā ʻike āpau e pono ai e hoʻokō.

Nā Papa Hana Hou

Nā ʻāpana wikiwiki

ʻO kahi ʻāpana kapu no React e hoʻohana i kāna maʻalahi a me kāna pōʻaiapili agnostic. Hemolele no ka hāʻawi maʻalahi ʻana i nā kapu. Loaʻa nā ʻike āpau, a me ka loulou i ka waihona ma Github mai ka ʻaoʻao laʻana i hāʻawi ʻia.

Hana i nā manaʻo swipe

Hana i nā kapu swipe

Kaʻa no React no nā kapu i hoʻokomo ʻia a me nā manaʻo i hiki ke lilo ʻike ʻia ma o nā ʻōuli. Kūpono no kahi pūnaewele i hoʻolaʻa ʻia i ka kelepona paʻalima. Loaʻa iā ʻoe nā hiʻohiʻona o nā koho ʻokoʻa ma ka ʻaoʻao laʻana i ʻole ʻoe e haʻalele i nā kikoʻī o kēia ʻāpana React.

nā māhele

nā māhele

ʻO kahi ʻāpana no nā ʻaoʻao React mai kāna pūnaewele hiʻohiʻona he ʻokoʻa kāu hāʻawi ʻia nā koho e hoʻomaʻamaʻa iā ia. Hoʻonohonoho kūpono ʻia nā ʻike āpau i hiki ai iā ʻoe ke hoʻohana maʻalahi i kēia mea.

Nā Papa Hana React

Hana i nā kapu

ʻO kahi ʻāpana kapu JavaScript React nui loa maʻalahi o ka hoʻohana a hiki ke maʻalahi. Mai ka ʻaoʻao laʻana hiki iā ʻoe ke komo i ka waihona ma Github. Kau lākou i nā laʻana like ʻole e like me kahi i kau ʻia ai kahi kapu i kīnā ʻia e ka paʻamau. Hiki ke hoʻohana i ka lewa e nānā i nā kapu a hoʻohana i nā kī kī e hoʻololi ma waena o nā kapu.

M- Na Papa Kuhikuhi

Nā kapu ʻōiwi no React nā ʻelua no pūnaewele no ka mea ʻōiwi. He mau laʻana kāu ma ka ʻaoʻao i hāʻawi ʻia e ʻike ai i ka ʻano o kēia mea. Ma ke kihi ʻākau i luna, he loulou kāu i ka waihona Github inā makemake ʻoe e ʻike hou a lawe ia no kāu pūnaewele.

Nā Papa Hana Pono Pono

Hana i nā mea maoli

E like me ka inoa e hōʻike nei, ʻo ia nō e kuhikuhi ana i ka Material Design no ka hoʻokō ʻana i nā kapu. ʻAʻohe o mākou ʻaoʻao laʻana, akā loaʻa iā mākou kahi waihona Github kahi e hiki ai iā ʻoe ke ʻike i nā mea āpau e pono ai no ka hoʻopili ʻana.

Hana i ka nānā kapu Native

Hana i nā mea maoli

Kahi paepae papaha keʻa no React Native. He hoʻokō ia i ka JavaScript wale nō a ʻae i ka hoʻohana ʻana i nā neʻe e kuapo ma waena o nā kapu ʻokoʻa. Hoʻohālikelike ʻia ia e ka mea hiki ke hoʻohana ʻia, e ʻae ai i nā lau o nā lau.

Hana i ka mea hoʻokele kapu maoli

Hana i ka papa ʻohana maoli

ʻO kahi mea no nā kapu React e hana i polokalamu kele pūnaewele maikaʻi loa a me kahi pā o nā maka maka maka.

Hana i nā kapu ʻōiwi

Hana i nā kapu ʻōiwi

React Native tab ma ke ʻano he pae kaʻawale i hiki e hoʻohana ʻia no nā ʻāpana lalo a me nā manaʻo ʻāpana. Me kēia hoʻopau mākou i ka moʻo o nā kapu no React. Haʻalele mākou iā ʻoe i kahi ʻano o nā ʻano ma CSS i hiki iā ʻoe ke nānā pono iā ia a ʻike inā maikaʻi lākou no kāu pūnaewele.


Hoʻopili ka ʻike o ka ʻatikala i kā mākou kumumanaʻo o ka hoʻoponopono hoʻoponopono. E hōʻike i kahi kaomi hemahema ʻaneʻi.

E lilo i mea mua e wehewehe

E waiho i kāu manaʻo

Kāu leka uila aae? E,ʻaʻole e paʻiʻia. i hāliu aku i koi 'ia kula *

*

*

  1. He kuleana no ka ʻikepili: Miguel Ángel Gatón
  2. Ke kumu o ka ʻikepili: kaohi SPAM, hoʻokele ʻōlelo.
  3. Legitimation: Kou ʻae
  4. Ka kamaʻilio ʻana o ka ʻikepili: ʻaʻole e hōʻike ʻia ka ʻikepili i nā ʻaoʻao ʻekolu koe ka mana o ke kānāwai.
  5. Pūnaewele mālama: Pūnaewele i mālama ʻia e Occentus Networks (EU)
  6. Nā Kuleana: I kēlā me kēia manawa hiki iā ʻoe ke palena, hoʻōla a kāpae i kāu ʻike.