jsonecho

JSON to Flow

Plak een JSON-voorbeeld en krijg er Flow-types voor.

De tool wordt geladen...

Zo gebruik je JSON to Flow

  1. Plak een representatief JSON-voorbeeld, bij voorkeur een met alle optionele velden ingevuld.
  2. Stel de naam van het roottype in en bepaal of je ook hulpcode wilt of alleen types.
  3. Kopieer de gegenereerde Flow-code naar je project.

Over JSON to Flow

Modelklassen met de hand schrijven voor een grote JSON-payload is saai en daar sluipen typefouten in. Plak hier een voorbeeld en de generator leidt de structuur af: welke velden er zijn, welke objecten zijn, welke arrays en welk type elke waarde heeft. De uitvoer bestaat uit Flow-typealiassen voor objecten en arrays.

De uitvoer begint met de @flow-opmerking zodat de checker hem oppikt. Alles draait in je browser, dus je voorbeeldgegevens blijven op je computer.

De gegenereerde code gebruiken

Importeer de types in een bestand met de @flow-pragma, bijvoorbeeld const data: Root = JSON.parse(text).

Optionele waarden gebruiken het maybe-type, ?string, dat null en undefined toestaat.

Veelgestelde vragen

Waarvan hangt de gegenereerde Flow-code af?

De uitvoer bestaat uit Flow-typealiassen voor objecten en arrays.

Hoe parseer ik JSON met het resultaat?

Importeer de types in een bestand met de @flow-pragma, bijvoorbeeld const data: Root = JSON.parse(text).

Hoe worden optionele en ontbrekende velden behandeld?

Optionele waarden gebruiken het maybe-type, ?string, dat null en undefined toestaat.

Kijkt de generator naar meer dan één record?

Hij kent alleen wat in je voorbeeld staat. Ontbreekt een veld in je voorbeeld, dan verschijnt het niet in de types, en is een waarde in je voorbeeld null, dan is het type onbekend. Plak een voorbeeld waarin zoveel mogelijk velden zijn ingevuld, of plak een array met meerdere verschillende records.

Wordt mijn JSON naar een server gestuurd?

Nee. De generator wordt de eerste keer dat je hem gebruikt naar je browser gedownload, ongeveer 1 MB, en alles draait lokaal.

Meer in Data naar klasse

Alle tools →