- Zakładając, że mam komponent FileUpload do przesyłania plików oraz Preview do ich wyświetlania, to w jakim formacie przesyłać te pliki między komponentami? Oba są komponentami tego samego rzędu (mają wspólnego rodzica). Czy powinienem konwertować pliki do Blob? Czy wystarczy jako typ File?
Blob jest bardziej uniwersalny, bo jest w Node.js też, więc łatwiej będzie testować.
No i to też zależy od tego, jakiego formatu będzie oczekiwać biblioteka, której będziesz używać.
- Czy mogę przechowywać te pliki w Redux, aby ominąć przesyłanie przez props? Czy nie spowoduje to spadku wydajności?
Dlatego Redux cieszy się taką złą opinią - bo ludzie traktują go jako "escape hatch" do tego, żeby się komunikować między komponentami za każdym razem, kiedy nie wiedzą, jak inaczej to zrobić. A potem wszystko lata w Reduksie i jest on używany niezgodnie z przeznaczeniem. https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367
Tylko, że jak masz obiekt A i obiekt B i chcesz dzielić między nimi jakieś dane, to najprościej jest po prostu użyć komponentu wyżej np.
function FileUpload({ data }) {
return <div>jestem file upload</div>;
}
function Preview({ data }) {
return <div>jestem preview</div>;
}
function SomeComponent(props) {
// tutaj zrób coś, żeby uzyskać obiekt someData
return <>
<FileUpload data={someData}/>
<Preview data={someData}/>
</>
}
wtedy komponent wyżej odpowiada za przekazanie tego bloba niżej.
poza tym w React masz jeszcze coś takiego jak kontekst https://react.dev/learn/passing-data-deeply-with-context
- Jakiej biblioteki używać do wyświetlania podglądu plików?
Jakiejś popularnej i aktywnie utrzymywanej najlepiej (na npm i Githubie będzie to widać po liczbie ściągnięć, gwiazdek, commitach, tego, co się dzieje w issues - czy jest to jakaś aktywna wtyczka, czy może ktoś, kto sobie coś kiedyś napisał lata temu i już nie wspiera).