diff --git a/content/community/nav.yml b/content/community/nav.yml
index eed62682b..34acf1cc2 100644
--- a/content/community/nav.yml
+++ b/content/community/nav.yml
@@ -1,4 +1,4 @@
-- title: Community Resources
+- title: Resursi zajednice
   items:
     - id: support
       title: Support
diff --git a/content/docs/nav.yml b/content/docs/nav.yml
index 09f73ca6a..f3f28d23b 100644
--- a/content/docs/nav.yml
+++ b/content/docs/nav.yml
@@ -1,89 +1,89 @@
-- title: Installation
+- title: Instalacija
   items:
     - id: getting-started
-      title: Getting Started
+      title: Prvi koraci
     - id: add-react-to-a-website
-      title: Add React to a Website
+      title: Dodavanje React-a
     - id: create-a-new-react-app
-      title: Create a New React App
+      title: Nova React aplikacija
     - id: cdn-links
-      title: CDN Links
+      title: CDN linkovi
     - id: release-channels
       title: Release Channels
-- title: Main Concepts
+- title: Glavni koncepti
   isOrdered: true
   items:
     - id: hello-world
-      title: Hello World
+      title: Zdravo, svete
     - id: introducing-jsx
-      title: Introducing JSX
+      title: Upoznavanje JSX
     - id: rendering-elements
-      title: Rendering Elements
+      title: Prikazivanje elemenata
     - id: components-and-props
-      title: Components and Props
+      title: Komponente i svojstva
     - id: state-and-lifecycle
-      title: State and Lifecycle
+      title: Stanje i životni vek
     - id: handling-events
-      title: Handling Events
+      title: Rukovanje događajima
     - id: conditional-rendering
-      title: Conditional Rendering
+      title: Uslovno prikazivanje
     - id: lists-and-keys
-      title: Lists and Keys
+      title: Liste i ključevi
     - id: forms
-      title: Forms
+      title: Forme
     - id: lifting-state-up
-      title: Lifting State Up
+      title: Prenošenje stanja naviše
     - id: composition-vs-inheritance
-      title: Composition vs Inheritance
+      title: Kompozicija vs Nasleđivanje
     - id: thinking-in-react
-      title: Thinking In React
-- title: Advanced Guides
+      title: Razmišljanje u React-u
+- title: Napredni vodič
   items:
     - id: accessibility
-      title: Accessibility
+      title: Pristupačnost
     - id: code-splitting
-      title: Code-Splitting
+      title: Razdvanjanje koda
     - id: context
-      title: Context
+      title: Kontekst
     - id: error-boundaries
-      title: Error Boundaries
+      title: Granice grešaka
     - id: forwarding-refs
-      title: Forwarding Refs
+      title: Prosleđivanje Ref-ova
     - id: fragments
-      title: Fragments
+      title: Fragmenti
     - id: higher-order-components
-      title: Higher-Order Components
+      title: Komponente višeg reda
     - id: integrating-with-other-libraries
-      title: Integrating with Other Libraries
+      title: Integracija sa drugim bibliotekama
     - id: jsx-in-depth
-      title: JSX In Depth
+      title: Napredni JSX
     - id: optimizing-performance
-      title: Optimizing Performance
+      title: Optimizacija performansi
     - id: portals
-      title: Portals
+      title: Portali
     - id: profiler
       title: Profiler
     - id: react-without-es6
-      title: React Without ES6
+      title: React bez ES6
     - id: react-without-jsx
-      title: React Without JSX
+      title: React bez JSX
     - id: reconciliation
       title: Reconciliation
     - id: refs-and-the-dom
-      title: Refs and the DOM
+      title: Ref-ovi i DOM
     - id: render-props
       title: Render Props
     - id: static-type-checking
-      title: Static Type Checking
+      title: Statička tipizacija
     - id: strict-mode
-      title: Strict Mode
+      title: Striktni režim
     - id: typechecking-with-proptypes
-      title: Typechecking With PropTypes
+      title: Tipizacija sa PropTypes
     - id: uncontrolled-components
-      title: Uncontrolled Components
+      title: Nekontrolisane komponente
     - id: web-components
-      title: Web Components
-- title: API Reference
+      title: Veb komponente
+- title: API priručnik
   items:
     - id: react-api
       title: React
diff --git a/content/footerNav.yml b/content/footerNav.yml
index edd2c3313..59f555d57 100644
--- a/content/footerNav.yml
+++ b/content/footerNav.yml
@@ -1,24 +1,24 @@
 community:
-  title: Community
+  title: Zajednica
 
 docs:
-  title: Docs
+  title: Dokumentacija
 
 more:
-  title: More
+  title: Dodatno
   items:
-    - title: Tutorial
+    - title: Tutorijal
       to: /tutorial/tutorial.html
     - title: Blog
       to: /blog
-    - title: Acknowledgements
+    - title: Priznanja
       to: /acknowledgements.html
     - title: React Native
       to: https://reactnative.dev/
       external: true
 
 channels:
-  title: Channels
+  title: Kanali
   items:
     - title: GitHub
       to: https://github.com/facebook/react
@@ -26,13 +26,13 @@ channels:
     - title: Stack Overflow
       to: https://stackoverflow.com/questions/tagged/reactjs
       external: true
-    - title: Discussion Forums
+    - title: Forumi za diskusiju
       to: https://reactjs.org/community/support.html#popular-discussion-forums
       external: true
     - title: Reactiflux Chat
       to: https://discord.gg/reactiflux
       external: true
-    - title: DEV Community
+    - title: DEV zajednica
       to: https://dev.to/t/react
       external: true
     - title: Facebook
diff --git a/content/headerNav.yml b/content/headerNav.yml
index 325a95c48..0e4f21c13 100644
--- a/content/headerNav.yml
+++ b/content/headerNav.yml
@@ -1,13 +1,13 @@
 items:
-  - title: Docs
+  - title: Dokumentacija
     to: /docs/getting-started.html
     activeSelector: /docs/
-  - title: Tutorial
+  - title: Tutorijal
     to: /tutorial/tutorial.html
     activeSelector: /tutorial
   - title: Blog
     to: /blog/
     activeSelector: /blog
-  - title: Community
+  - title: Zajednica
     to: /community/support.html
     activeSelector: /community
diff --git a/content/home/examples/a-component-using-external-plugins.js b/content/home/examples/a-component-using-external-plugins.js
index 305efe61c..e7185e02c 100644
--- a/content/home/examples/a-component-using-external-plugins.js
+++ b/content/home/examples/a-component-using-external-plugins.js
@@ -3,7 +3,7 @@ class MarkdownEditor extends React.Component {
     super(props);
     this.md = new Remarkable();
     this.handleChange = this.handleChange.bind(this);
-    this.state = { value: 'Hello, **world**!' };
+    this.state = { value: 'Zdravo, **svete**!' };
   }
 
   handleChange(e) {
@@ -17,16 +17,16 @@ class MarkdownEditor extends React.Component {
   render() {
     return (
       <div className="MarkdownEditor">
-        <h3>Input</h3>
+        <h3>Ulaz</h3>
         <label htmlFor="markdown-content">
-          Enter some markdown
+          Unesite neki tekst
         </label>
         <textarea
           id="markdown-content"
           onChange={this.handleChange}
           defaultValue={this.state.value}
         />
-        <h3>Output</h3>
+        <h3>Izlaz</h3>
         <div
           className="content"
           dangerouslySetInnerHTML={this.getRawMarkup()}
diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index 1c50c8718..74a63bd6e 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -1,7 +1,7 @@
 ---
-title: A Component Using External Plugins
+title: Komponenta koja koristi eksterne dodatke
 order: 3
 domid: markdown-example
 ---
 
-React allows you to interface with other libraries and frameworks. This example uses **remarkable**, an external Markdown library, to convert the `<textarea>`'s value in real time.
+React vam dozvoljava da se povežete sa drugim bibliotekama i radnim okvirima. Ovaj primer koristi spoljašnju Markdown biblioteku **remarkable** da pretvori vrednost `<textarea>` elementa u realnom vremenu.
diff --git a/content/home/examples/a-simple-component.js b/content/home/examples/a-simple-component.js
index 90c31b960..0644904a0 100644
--- a/content/home/examples/a-simple-component.js
+++ b/content/home/examples/a-simple-component.js
@@ -2,13 +2,13 @@ class HelloMessage extends React.Component {
   render() {
     return (
       <div>
-        Hello {this.props.name}
+        Zdravo {this.props.name}
       </div>
     );
   }
 }
 
 ReactDOM.render(
-  <HelloMessage name="Taylor" />,
+  <HelloMessage name="Miloše" />,
   document.getElementById('hello-example')
 );
\ No newline at end of file
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index d791856d4..8f11d7e17 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -1,9 +1,9 @@
 ---
-title: A Simple Component
+title: Jednostavna komponenta
 order: 0
 domid: hello-example
 ---
 
-React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`.
+React komponente implementiraju `render()` metodu koja prima ulazne podatke, i vraća šta treba prikazati. Ovaj primer koristi XML sintaksu zvanu JSX. Ulaznim podacima koji su prosleđeni komponenti se može pristupiti u `render()` metodi koristeći `this.props`.
 
-**JSX is optional and not required to use React.** Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step.
+**Korišćenje JSX-a je opciono i nije obavezno za rad sa React bibliotekom.** Pogledajte [Babel REPL](babel://es5-syntax-example) da vidite sirovi JavaScript kod proizveden kompilacijom JSX-a.
diff --git a/content/home/examples/a-stateful-component.js b/content/home/examples/a-stateful-component.js
index 25d5a9145..18f0aa75b 100644
--- a/content/home/examples/a-stateful-component.js
+++ b/content/home/examples/a-stateful-component.js
@@ -21,7 +21,7 @@ class Timer extends React.Component {
   render() {
     return (
       <div>
-        Seconds: {this.state.seconds}
+        Sekunde: {this.state.seconds}
       </div>
     );
   }
diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index a68ab0a51..d5e59224c 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -1,7 +1,7 @@
 ---
-title: A Stateful Component
+title: Komponenta sa stanjem
 order: 1
 domid: timer-example
 ---
 
-In addition to taking input data (accessed via `this.props`), a component can maintain internal state data (accessed via `this.state`). When a component's state data changes, the rendered markup will be updated by re-invoking `render()`.
+Pored toga što može da dohvati prosleđene ulazne podatke (preko `this.props`), komponenta može održavati sopstvene podatke, zvane stanjem (preko`this.state`). Kada dođe do promene stanja podataka komponente, prikaz će biti ažuriran ponovnim pozivanjem `render()` metode.
diff --git a/content/home/examples/an-application.js b/content/home/examples/an-application.js
index 08dbc2bf8..3d807bdc8 100644
--- a/content/home/examples/an-application.js
+++ b/content/home/examples/an-application.js
@@ -13,7 +13,7 @@ class TodoApp extends React.Component {
         <TodoList items={this.state.items} />
         <form onSubmit={this.handleSubmit}>
           <label htmlFor="new-todo">
-            What needs to be done?
+            Šta mora da se završi?
           </label>
           <input
             id="new-todo"
@@ -21,7 +21,7 @@ class TodoApp extends React.Component {
             value={this.state.text}
           />
           <button>
-            Add #{this.state.items.length + 1}
+            Dodaj #{this.state.items.length + 1}
           </button>
         </form>
       </div>
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 227d0621b..9b629d19a 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -1,7 +1,7 @@
 ---
-title: An Application
+title: Aplikacija
 order: 2
 domid: todos-example
 ---
 
-Using `props` and `state`, we can put together a small Todo application. This example uses `state` to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation.
+Koristeći `props` i `state`, možemo napraviti jednostavnu TODO aplikaciju. Ovaj primer koristi `state` da vodi računa o trenutnoj listi zadataka, kao i o tekstu koji je korisnik uneo. Na prvi pogled deluje kao da su rukovaoci događaja prikazani inline, međutim, oni su implementirani koristeći delegiranje događaja.
diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index aeb3c4de2..f925053db 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -1,8 +1,9 @@
 ---
-title: Component-Based
+title: Bazirano na komponentama
 order: 1
 ---
 
-Build encapsulated components that manage their own state, then compose them to make complex UIs.
+Napravite enkapsulirane komponente koje upravljaju svojim stanjem, zatim ih komponujte u složenije korisničke interfejse.
 
-Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.
+
+S obzirom na to da je sama logika kompontenti bazirana na JavaScript-u, a ne na genericima, možete sa lakoćom proslediti složene podatke kroz vašu aplikaciju i držati stanje izvan DOM-a.
diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index c3b651902..d36a453be 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -1,8 +1,8 @@
 ---
-title: Declarative
+title: Deklarativno
 order: 0
 ---
 
-React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
+React olakšava kreiranje interaktivnih korisničkih interfejsa. Dizajnirajte jednostavne poglede za svako stanje vaše aplikacije, i React će efikasno ažurirati i prikazati prave komponente kada se vaši podaci promene.
 
-Declarative views make your code more predictable and easier to debug.
+Deklarativni pogledi čine vaš kod lakšim za razumevanje i debagovanje.
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index b2d37f83d..c68e54495 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,8 +1,8 @@
 ---
-title: Learn Once, Write Anywhere
+title: Naučite jednom, pišite bilo gde
 order: 2
 ---
 
-We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
+Tehnologije koje trenutno koristite ne utiču na razvoj, stoga možete slobodno stvarati nove dodatke u React-u bez izmena postojećeg koda.
 
-React can also render on the server using Node and power mobile apps using [React Native](https://reactnative.dev/).
+React se takođe može prikazivati na serveru koristeći Node, i da se koristi za razvijanje mobilnih aplikacija uz pomoć [React Native](https://reactnative.dev/).
diff --git a/gatsby-config.js b/gatsby-config.js
index 2637eac97..d5c78d8ac 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -8,10 +8,11 @@
 
 module.exports = {
   siteMetadata: {
-    title: 'React: A JavaScript library for building user interfaces',
+    title: 'React: JavaScript biblioteka za kreiranje korisničkih interfejsa',
     siteUrl: 'https://reactjs.org',
     rssFeedTitle: 'React',
-    rssFeedDescription: 'A JavaScript library for building user interfaces',
+    rssFeedDescription:
+      'JavaScript biblioteka za kreiranje korisničkih interfejsa',
   },
   mapping: {
     'MarkdownRemark.frontmatter.author': 'AuthorYaml',
diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index 2abb8ad4b..c97ac8478 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -206,7 +206,7 @@ class CodeEditor extends Component {
                   padding: '0 10px',
                   backgroundColor: colors.divider,
                 }}>
-                <MetaTitle>Result</MetaTitle>
+                <MetaTitle>Rezultat</MetaTitle>
               </div>
               <div
                 id={containerNodeID}
diff --git a/src/components/LayoutHeader/DocSearch.js b/src/components/LayoutHeader/DocSearch.js
index f9827fc51..a5b63c58e 100644
--- a/src/components/LayoutHeader/DocSearch.js
+++ b/src/components/LayoutHeader/DocSearch.js
@@ -97,8 +97,8 @@ class DocSearch extends Component<{}, State> {
           }}
           id="algolia-doc-search"
           type="search"
-          placeholder="Search"
-          aria-label="Search docs"
+          placeholder="Pretraga"
+          aria-label="Pretražite dokumentaciju"
         />
       </form>
     ) : null;
diff --git a/src/components/LayoutHeader/Header.js b/src/components/LayoutHeader/Header.js
index cfe3e77d0..53657b3d9 100644
--- a/src/components/LayoutHeader/Header.js
+++ b/src/components/LayoutHeader/Header.js
@@ -203,7 +203,7 @@ const Header = ({location}: {location: Location}) => (
                   display: 'none',
                 },
               }}>
-              Languages
+              Jezici
             </span>
           </Link>
           <a
diff --git a/src/components/TitleAndMetaTags/TitleAndMetaTags.js b/src/components/TitleAndMetaTags/TitleAndMetaTags.js
index e54e8c64c..ad6d3cbd0 100644
--- a/src/components/TitleAndMetaTags/TitleAndMetaTags.js
+++ b/src/components/TitleAndMetaTags/TitleAndMetaTags.js
@@ -11,7 +11,8 @@ import {urlRoot} from 'site-constants';
 // $FlowFixMe This is a valid path
 import languages from '../../../content/languages.yml';
 
-const defaultDescription = 'A JavaScript library for building user interfaces';
+const defaultDescription =
+  'JavaScript biblioteka za kreiranje korisničkih interfejsa';
 
 type Props = {
   title: string,
diff --git a/src/pages/index.js b/src/pages/index.js
index b5dd5c1c1..a8d8d47b4 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -50,7 +50,7 @@ class Home extends Component {
     return (
       <Layout location={location}>
         <TitleAndMetaTags
-          title="React &ndash; A JavaScript library for building user interfaces"
+          title="React &ndash; JavaScript biblioteka za kreiranje korisničkih interfejsa"
           canonicalUrl={createCanonicalUrl('/')}
         />
         <div css={{width: '100%'}}>
@@ -133,7 +133,7 @@ class Home extends Component {
                         fontSize: 30,
                       },
                     }}>
-                    A JavaScript library for building user interfaces
+                    JavaScript biblioteka za kreiranje korisničkih interfejsa
                   </p>
                   <Flex
                     valign="center"
@@ -151,12 +151,12 @@ class Home extends Component {
                       <ButtonLink
                         to="/docs/getting-started.html"
                         type="primary">
-                        Get Started
+                        Prvi koraci
                       </ButtonLink>
                     </CtaItem>
                     <CtaItem>
                       <ButtonLink to="/tutorial/tutorial.html" type="secondary">
-                        Take the Tutorial
+                        Započnite tutorijal
                       </ButtonLink>
                     </CtaItem>
                   </Flex>
@@ -294,12 +294,12 @@ class Home extends Component {
                 }}>
                 <CtaItem>
                   <ButtonLink to="/docs/getting-started.html" type="primary">
-                    Get Started
+                    Prvi koraci
                   </ButtonLink>
                 </CtaItem>
                 <CtaItem>
                   <ButtonLink to="/tutorial/tutorial.html" type="secondary">
-                    Take the Tutorial
+                    Započnite tutorijal
                   </ButtonLink>
                 </CtaItem>
               </Flex>