diff --git a/README-hr.md b/README-hr.md new file mode 100644 index 0000000..2d41cf1 --- /dev/null +++ b/README-hr.md @@ -0,0 +1,112 @@ +# react-howto + +Ako niste upoznati s Reactom (ili s frontendom generalno), ovaj ekosistem će vam se činiti zbunjujućim. Ovo su neki od razloga + +* React je prethodno bio meta ranih usvojitelja i eksperta +* Facebook stavlja open-source samo one projekte koje stvarno koristi, tako da nije fokus na projekte koji su manji od Facebooka +* Mnogo je lošeg sadržaja zamaskiranog kao React uputstvo + +Kroz ovaj dokument, pretpostavit ću da ste već pravili web stranice koristeći HTML, CSS i JavaScript. + +## Zašto da slušate mene? + +Mnogo je savjeta i uputstava za React; zašto poslušati mene? + +Bio sam jedan od prvobitnih članova Facebook tima koji je napravio React. Nisam više u Facebook-u, nego sam član jednog malog startupa, tako da imam i tu non-Facebook perspektivu. + +## Kako započeti u React ekosistemu + +Sav software je napravljen na steku tehnologija, i potrebno je razumijeti dovoljno tog steka da napravite vašu aplikaciju. Razlog zašto Reactov ekosistem alata izgleda preobiman je zato što je uvijek objašnjavan u pogrešnom redoslijedu. + +Trebate učiti po ovom redoslijedu, **bez preskakanja ili istovremenog učenja**: + +* [React](#react) +* [`npm`](#npm) +* [JavaScript “bundler”-i](#javascript-bundleri) +* [ES6](#es6) +* [Rutiranje](#rutiranje) +* [Flux](#flux) + +**Ne trebate učiti svaku od ovih da biste bili produktivni s Reactom.** Samo ako imate problem koji trebate riješiti, tada pređite na sljedeći korak. + +Dodatno, postoje još neke teme spomenute u React zajednici koje su u trendu. Te teme su interesantne ali su dosta teške za razumijeti, manje su popularne od gore navedenih tema i **nisu potrebne za većinu aplikacija**. +* [Inline stilovi](#inline-stilovi) +* [Server rendering](#server-rendering) +* [Immutable.js](#immutablejs) +* [Relay, Falcor, itd](#relay-falcor-itd) + +## React + +Generalno, pogrešno je shvatanje da je potrebno dosta vremena izgubiti za uspostavljanja alata da bi počeli učiti React. U oficijelnoj dokumentaciji naći ćete [copy-paste HTML templejt](https://facebook.github.io/react/docs/getting-started.html#quick-start-without-npm) kojeg možete spasiti kao`.html` fajl i možete početi s tim raditi. **Nikakvi alati nisu potrebni za ovaj korak, i ne treba početi učiti neke dodatne alate dok niste upoznati s osnovama Reacta.** + +Mišljenja sam da je najjednostavniji način da naučite React preko [zvaničnog tutorijala](https://facebook.github.io/react/docs/tutorial.html). + +## `npm` + +`npm` je Node.js-ov package menadžer i najpopularniji način za front-end inžinjere i dizajnere da dijele JavaScript kod. Uključuje modul sistem pod imenom `CommonJS` i instalira alat za komandni prompt napisan u JavaScriptu. Pročitajte [ovaj članak](http://0fps.net/2013/01/22/commonjs-why-and-how/) za više o tome zašto je `CommonJS` potreban za web-pretraživače, ili [CommonJS Wiki](http://wiki.commonjs.org/wiki/Introduction) za informacije o `CommonJS` API-u. + +Većina iskoristivih komponenti, biblioteka i alata u Reactu su dostupni kao `CommonJS` moduli i instaliraju se pomoću `npm`-a. + +## JavaScript bundleri + +Zbog dosta tehničkih razloga `CommonJS` moduli ne mogu biti korišteni nativno u browseru. Potreban vam je JavaScript “bundler” da "sveže" te module u `.js` fajlove koje možete uključiti u vašoj web stranici sa `