Nauka Reacta - własne paczki w kodzie oraz automatycznie doklejanie Authorization do axiosa

Question

Witam!

Pytanie nie należy do problematycznych oraz stanowiące jakiegoś wielkiego problemu ponieważ kod który napisałem działa a ja szukam dobrych rozwiązań na początek nauki. Więc... zaczynam uczyć się frameworka frontowego i padło na Reacta. Na chwilę obecną zgłębiam się w jego zasadę działania i proste rzeczy. Napisałem swoją paczkę obsługującą token JWT PrivateRoute, OnlyGuestRoute rejestrację czyli takie podstawowe mechanizmy. Ta paczka jest napisana "w kodzie" czyli pliki .js są obok innej logiki aplikacji stąd żeby wszystko przenieść do innej aplikacji to muszę wszystko przerzucać ręcznie a jak wiadomo na początku nauki na pewno będę miał taką potrzebę. Więc czy straszą bolączką będzie jeżeli utworze sobie folder _own_packages w głównym folderze aplikacji a w nim strukturę:

_own_packages:
-- Auth:
---- components
---- containers
---- helpers
---- store
-------- actions
-------- reducers

Czyli normalna struktura ale tylko opakowana w dwa katalogi przez co mogę przenosić funkcjonalność. Nie chcę puki co bawić się w instalowanie paczki przez npm i ale tez nie chcę zrobić czegoś przez co sobie później.

Kolejna sprawa to automatyczne doklejanie nagłówka 'Authorization' do axiosa. Na chwile obecną w pliku index.js mam taki kod:

axios.interceptors.request.use(request => {
    const token = store.getState().auth.token;
    if (token) {
        request.headers.Authorization = token;
    }

    return request;
}, error => {
    return Promise.reject(error);
});

Czyli zawsze doklejam token przy wykonaniu zapytania przez co nie muszę nigdy w kodzie zawsze tego dodawać. Zauważyłem że w Reacie mam trochę swobody i pomimo tego że to napisałem i działa to nie czuję się z tym pewnie

Answer 1

_own_packages w moim odczuciu to dobry pomysł ale sam pominął bym niepotrzebny folder _own_packages a w głównym folderze zrobiłbym sobie strukturę typu:

Auth
Inna biblioteka
Moja aplikacja X

Google podobno pracuje na jednym wielkim repo i też zaczynam dostrzegać ze w pewnych przypadkach ma to sens. Przede wszystkim gdy naprawiasz błąd w swojej paczce automatycznie naprawisz swoje wszystkie aplikacje.

Comments

Chodzi Ci o:

my-app:
--Auth
--src
--node_modules
--public

Czy o:

my-app:
-- src:
---- Auth
---- components
---- store

Właśnie o to mi też chodzi. Na początku na 100% będę popełniał błędy a tak przynajmniej nie będę miał problemu z szukaniem po plikach gdzie to poprawić czy coś tylko poprawię w głównym repo i przeniosę.