Jau tajā laikā mēs kopīgojam laika grafiku sēriju šīm tīmekļa daļām kurā mēs vēlamies ierakstīt virkni notikumu. Tagad viņi ir 19 cilnes ar tādu pašu mērķi, kaut arī React, lai jūs varētu atrast perfektu, kas nosaka notikumus laika skalā vai jūsu uzņēmuma vēsturi ar saistītu tekstu.
Šajā 19 React cilņu kolekcijā ir gan horizontāli, gan vertikāli un viņi visi ir pilnīgi bez maksas. Tātad jūs varat tos iegūt pēc saviem ieskatiem. Cilņu virkne, kas aptver visu veidu vajadzības, lai ievērotu pašreizējo tīmekļa dizaina standartu šajā 2018. gadā. Darīsim to ar 19 React cilnēm, kas neatstās nevienu vienaldzīgu.
Reaģējiet sīkās cilnes
Cilnes komponents reaģēšanai ar pielāgošanas pamata iespējas temats. Lapas piemērā varat redzēt dažādo kompozīcijas procesu, kā rezultātā tiek izveidota pamata cilne ar nedaudz savdabīgu dizainu.
Šeit GitHub.
Reaģējiet uz super cilnēm
No codeandbox jūs varat piekļūstiet šīs cilnes demonstrācijai React kas izceļas ar iespēju atkal izmantot. Kā redzat piemērā, tās ir pamata cilnes ar informāciju, kuru mēs vēlamies sniegt mūsu vietnē. Jums ir visa atbilstošā informācija demonstrācijā.
Šeit GitHub.
Reaģējiet tīmekļa cilnes
Izmantojot šo React cilni, mēs varam izvēlēties horizontālu izkārtojumu vai citu vertikāli. Tas atšķiras ar to, ka ir modulārs un pieejams dažām cilnēm, kuras varat redzēt to attiecīgajos piemēros, lai tās izmantotu tā, kā tas ir piemērots jūsu vietnē.
Šeit GitHub.
Reaģēt atsaucīgās cilnes
React reaģējošās cilnes, kas atšķiras ar būtni mobilajam. Lapas piemērā varat atrast dažādas iespējas, lai skatītu katru pielāgojumu, ko šīs cilnes nodrošina React.
Nepalaidiet garām jūsu GitHub.
Reaģējiet pieejamās cilnes
Komponents pieejams React cilnēm. Ļoti vienkāršs visā tās būtībā trīs sadaļām, kas parādītas dotajā piemērā, lai jūs varētu gūt priekšstatu par šīm React cilnēm.
Su GitHub.
Ciļņu materiāls
Šeit mums nav demonstrācijas lapas, lai redzētu šo cilni React in situ, bet jūs varat doties uz tīmekļa vietni vietnē github, lai viss kods būtu jūsu rokā. Tā ir React pakete, kas piedāvā cilnes Materiālu dizains, dizaina valoda no Google, kas ir bijis kopā ar mums dažus gadus. Šeit jūs varat piekļūt publicētajiem rīkiem Google, lai izmantotu materiāla dizainu.
Reaģēt cilnes navigācija
Cilņu navigācija ir React kvalitātes sastāvdaļa, kas jums ļauj ļauj pārlūkot cilnes savā tīmekļa lietotnē. No tās pašas saites uz parauga lapu varat piekļūt tās Github, lai redzētu pārējo kodu.
Reaģēt cilni Tab
Cilne Reaģēt ar mobilo atbalstu un to var rediģēt. Ir Uz cilnes balstīta API React JavaScript. Jums ir iespēja izvēlēties starp trim motīviem no parauga lapas un doties uz Github, izmantojot tajā esošo pogu "Dokuments". Tas atrodas tajā pašā parauga lapā, kur parādīti visi pielāgojumi, kurus var veikt.
Reakcija Ārija Tabpanela
Ļauj mijiedarboties ar cilnēm ar tastatūras bulttaustiņi ļoti elastīgam React komponentam, kas ļauj lieliski pielāgot. Tās demonstrācijas lapā ir dažādi piemēri.
Reaģējiet Tabbordion
Vēl viens React komponents, kuram ir visu veidu pielāgošanas iespējas patīk adrese krātuvei. Universāls un semantisks ļauj jums izveidot akordeonus un cilnes savai vietnei. Visas tās īstenošanai nepieciešamās informācijas netrūkst.
Ātrākas reaģēšanas cilnes
React cilnes komponents, kas to izmanto elastība un tās agnostiskais konteksts. Lieliski piemērota, lai padarītu viegli pieejamas cilnes. Visa informācija, kā arī saite uz Github krātuvi ir pieejama no norādītās parauga lapas.
Reaģējiet ar vilkšanas skatiem
React komponents iegultām cilnēm un skatiem, kas var būt vizualizēt caur žestiem. Lieliski piemērots vietnei, kas paredzēta mobilajām ierīcēm. Piemēra lapā ir dažādu iespēju piemēri, lai jūs nepalaistu garām detalizētu informāciju par šo React komponentu.
Cilnes
Ciļņu React sastāvdaļa, kas atšķiras no tās vietnes piemēra sniegtās iespējas, lai to pielāgotu. Visa informācija ir pietiekami sakārtota, lai jūs varētu viegli ieviest šo komponentu.
Reaģēt cilnes
Lielisks React JavaScript cilnes komponents ērta lietošana un labi pieejama. No piemēra lapas jūs varat piekļūt Github krātuvei. Viņi ievieto dažādus piemērus, piemēram, tādu, kurā ir cilne, kas pēc noklusējuma ir atspējota. Cilni var izmantot, lai koncentrētos uz cilnēm, un izmantojiet bulttaustiņus, lai pārslēgtos starp cilnēm.
M- cilnes
Vietējās cilnes React both for tīmeklis kā vietējiem. Dotajā lapā ir vairāki piemēri, lai redzētu, kā darbojas šis komponents. Augšējā labajā stūrī ir saite uz Github repozitoriju, ja vēlaties uzzināt vairāk vai izmantot to savai vietnei.
Reaģējiet vietējo materiālu cilnes
Kā norāda tās nosaukums, tā ir vērsta uz materiālu dizainu cilņu ieviešanai. Mums nav lapas parauga, taču mums ir Github krātuve, kurā varat atrast visu, kas nepieciešams tās integrēšanai.
Reaģēt cilnes Vietējais skats
Starpplatformu cilnes komponents React Native. Tā ir īstenošana tikai JavaScript un ļauj izmantot žestus , lai pārslēgtos starp dažādām cilnēm. To raksturo tas, ka tas ir ļoti pielāgojams, ļaujot visādiem uzplaukumiem.
Reaģējiet vietējo cilnes navigatoru
React ciļņu komponents, kas izveido a lielisks pārlūks un josla skropstas.
Reaģēt vietējās cilnes
Reaģējiet cilni Native kā atsevišķu platformu, kas varētu jāizmanto apakšējām skropstām kā arī šķērsgriezuma skatus. Ar to mēs pabeidzim React ciļņu sēriju. Mēs jums atstājam virkni veidlapu CSS lai jūs varētu to sekot un pārliecināties, vai tie ir noderīgi jūsu vietnei.