Kyauta Mai Canza JSON zuwa TypeScript
Ƙirƙiri interfaces ko type aliases na TypeScript daga kowane abu ko array na JSON. Manna JSON ɗinka ka samu nau'ikan TypeScript da suka shirya don amfani nan take.
export interface User {
id: number;
name: string;
email: string;
isActive: boolean;
score: number;
tags: string[];
address?: null;
}
export interface Root {
user: User;
createdAt: string;
version: number;
}Yadda Yake Aiki
Wannan kayan aikin yana amfani da algorithm na tsinkayen nau'i mai maimaitawa da aka rubuta da hannu babu ɗakunan karatu na waje — JSON.parse don tabbatarwa da nazarin shigarwa, sannan wani tafiya na musamman wanda yake tafiya kowace ƙima a bishiyar JSON kuma yana fitar da sanarwar interface ko type na TypeScript kai tsaye a burauza. Ba a aika komai zuwa uwar garke ba.
- 1An nazari kuma an tabbatar da JSONAna ba shigarwarka ga JSON.parse. Idan ta kasa, ainihin kuskuren nazari yana bayyana nan take ƙasa da shigarwa. Wani nazari mai nasara yana samar da bishiyar ƙima da aka bayar da nau'i wanda yake tuka sauran canjawar.
- 2Tsinkayen nau'i mai maimaitawaWani aikin getType mai maimaitawa yana tafiya kowane node: abubuwan asali suna zuwa string, number, boolean, ko null; abubuwa suna kunna wani sabon interface mai suna; jeri na abubuwa suna da maɓallansu da aka haɗe a duk abubuwa don maɓallan da suke a wasu abubuwa kawai su zama na zaɓi kuma nau'in ƙima masu tashi ana haɗa su da |.
- 3Sunan interface mara-karoKowace abin cikin gida yana samun suna na PascalCase da aka samo daga maɓallinsa na JSON (snake_case, kebab-case, da sarari duk an daidaita su). Idan abubuwa biyu masu tsari daban-daban za su raba iri ɗayan suna, ana ƙara wani suffix na lamba (Data, Data2, …) maimakon shiru maye gurbin bayanin farko.
- 4An zana fitarwa kuma za a iya sauke taAna fitar da interfaces na cikin gida tukuna, sannan root type, an tsara su a matsayin export interface ko export type bisa zaɓinka. Za a iya kwafi sakamakon zuwa clipboard ko sauke shi a matsayin fayil na .ts — duk an gina su da Blob na al'ada babu tafiya-zuwa-uwar garke.
Kayan Aiki Masu Alaƙa
JSON Schema zuwa Fam
Manna JSON Schema kuma sami fam mai rai, aiki — rubutu, lamba, akwatin duba, jerin zaɓi, da filayen jeri — sannan kwafa JSON ɗin da shigarwarka ta samar. Yana da kyau don gwaje-gwajen jikin buƙatar API. Yana aiki a cikin burauzarka.
Gwajin Saurin Buga (WPM)
Auna saurin buga rubutunka (WPM) da daidaito da gwaje-gwaje na lokaci, adadin kalmomi, ambato, na musamman, da zen. WPM mai rai, saurin danye, daidaito, chart na sakamako, harsuna da yawa, da martani na kowane harafi — duka a cikin browser ɗinka.
Mai Ƙirƙirar CSS clamp()
Ƙirƙiri ƙimar CSS clamp() mai sassauci don rubutu da tazara masu amsa. Saita girman min/max da zangon viewport, duba preview mai rai, ka kwafi layin CSS guda ɗaya.