React ,npm frameworki, Nowości na frontendzie Opcje

[Thorus]

Witam,
Chciałbym się dowiedzieć jak obecnie funkcjonują frameworki typu React/Angular. Z 2 lata temu uczyłem się Angulara 1 i tam biblioteki się po prostu dodawało do np. index.html, od wczoraj zacząłem po woli ogarniać React'a i zauważyłem że teraz nową tendencją jest używanie npm do instalacji React'a i innych frameworków, gdzieś wyczytałem że konieczny jest webpack i babel. Po instalacji pojawiły się katalogi i pliki, katalogi src, public i build. Wiem że w katalogu build mieszczą się gotowe skompilowane pliki do wrzucenia na hosting, a w public i src pliki źródłowe w których się pisze aplikacje. Mógłby ktoś przybliżyć jak zabrać się za pisanie własnej aplikacji, które pliki można usunąć a które są niezbędne i w jakich folderach umieszczać swoje pliki przeznaczone dla klienta jak i te dla serwera ?

I mam pytanie również odnośnie samej nauki React'a, czy sama składnia Reacta nie zmieniła się za bardzo i czy będę w stanie nauczyć się go z książki "React w działaniu. Tworzenie aplikacji internetowych" czy to już jest przestarzałe (W książce biblioteki są dodawane linkiem do index.html)?

Link do plików, bez folderu node_modules: https://drive.google.com/open?id=0B5GMAurz8...YzZodFB0N1hTdXM

[by_ikar]

'node_modules' to jest katalog z pakietami/skryptami które są używane przy tworzeniu aplikacji, i tego nie musisz trzymać w repozytorium.

[viking]

Webpack tworzy ci pliki wynikowe po transpilacji i innych przekształceniach. Tylko je przegrywasz do finalnego katalogu.

[Thorus]

W skrypcie aplikacji w katalogu, src (index.js) jest odwołanie do elementu w katalogu public o id root. Trapi mnie jedna myśl, skąd po uruchomieniu npm start, index.js wie żeby odwołać się do pliku index.html w katalogu public. Jest to zapisane w jakimś pliku package ? czy npm start te pliki złącza w jedność po wywołaniu ?