Wo ist der beste Ort, um Snake-Case-API-Antworten zu Javaskets Camelcase-Eigenschaften zu transformieren

Question

Ich habe eine Django-API, die Ressourcen mit snake_cased JSON beschreibt. Ich habe auch eine React-App, die die API verbraucht. Ich könnte die Snakecased-Eigenschaften an verschiedenen Orten abbilden, z. B. im API-Renderer oder auf Komponentenebene.

Gibt es eine Best Practice für die Anwendung dieser Umwandlung?

Answer 1

Sie können einen Wrapper für die API-Funktionen erstellen, die Sie verwenden. Verwenden Sie eine Hilfsbibliothek wie , um die Nutzdaten für Anforderungen und Antworten zu konvertieren. Versuchen Sie, die API-Aufrufe so nah wie möglich zu halten.

importieren {camelizeKeys, decamelizeKeys} aus "Buckeln";

$.post("/postendpoint", 
    decamelizeKeys({ 
     fooBar: "zoo", 
    }), 
    function (data, status) { 
     doSomething(camelizeKeys(data)); 
    } 
); 

Answer 2

es auf der Client-API-Ebene Doing hält den Zustand Reiniger für Ihre Komponenten und erfordert weniger Iteration/Funktionsaufrufe, als wenn Sie die Transformation in mehreren Komponenten sagen gelten. Weil dies zu unnötigem Rendering führen kann, weil React-Komponenten standardmäßig gerendert werden (jedes Mal, wenn sich Requisiten oder Zustände geändert haben).

Dann wieder könnten Sie es auch bei Ihrer Top-Level-Komponente handhaben und stellen Sie sicher mit shouldComponentUpdate, dass keine unnötige Wiedergabe auftritt, aber das fühlt sich unordentlich an.

TL; DR lassen die transformierten Daten API rieseln an Ihre Komponenten verwirrend Code und unnötige Re-Rendering