add brief-introduction.md

Bunlong · Bunlong · commit 6c100521082d · 2018-05-23T17:05:15.000+07:00
diff --git a/_data/navigation.yml b/_data/navigation.yml
@@ -2,8 +2,10 @@
 docs:
   - title: Introduction
     children:
-      - title: "What is React?"
+      - title: "Brief Introduction"
         url: /
+      - title: "What is React?"
+        url: /what-is-react
   - title: Semantics/Terminology
     children:
       - title: "React Semantics/Terminology"
diff --git a/_docs/0-brief-introduction.md b/_docs/0-brief-introduction.md
@@ -0,0 +1,14 @@
+---
+title: "Brief Introduction"
+permalink: /
+excerpt: "Welcome to Learn React, a comprehensive introduction to Reactjs. - Learn React"
+last_modified_at: 2018-05-14T15:58:49-04:00
+---
+
+If you have heard about React but are not sure of what it really is, how it is useful, or how to start your first React application, you have come to the right place!
+
+Welcome to ***Learn React***, a comprehensive introduction to Reactjs. In this tutorial, we'll take you step by step through the fundamental concepts of React. By understanding the concepts underlying React through practical examples, we hope that by the end of this tutorial you will have enough knowledge to create your own React applications.
+
+Each chapter will start with a example that will give you a brief overview, followed by a more complete explanation of the React concept and what this concept looks like in practice. 
+
+Let's [get started!](/what-is-react)
diff --git a/_docs/01-what-is-react.md b/_docs/01-what-is-react.md
@@ -1,6 +1,6 @@
 ---
 title: "What is React?"
-permalink: /
+permalink: /what-is-react
 excerpt: "What is React? - Learn React"
 last_modified_at: 2018-05-14T15:58:49-04:00
 ---
diff --git a/_site/index.html b/_site/index.html
@@ -9,19 +9,19 @@
   <head>
     <meta charset="utf-8">
 
-<!-- begin _includes/seo.html --><title>What is React? - Learn React</title>
-<meta name="description" content="What is React? - Learn React">
+<!-- begin _includes/seo.html --><title>Brief Introduction - Learn React</title>
+<meta name="description" content="Welcome to Learn React, a comprehensive introduction to Reactjs. - Learn React">
 
 
 
 <meta property="og:type" content="article">
 <meta property="og:locale" content="en_US">
 <meta property="og:site_name" content="Learn React">
-<meta property="og:title" content="What is React?">
+<meta property="og:title" content="Brief Introduction">
 <meta property="og:url" content="/">
 
 
-  <meta property="og:description" content="What is React? - Learn React">
+  <meta property="og:description" content="Welcome to Learn React, a comprehensive introduction to Reactjs. - Learn React">
 
 
 
@@ -31,7 +31,7 @@
 
 
 
-  <meta property="article:published_time" content="2018-05-23T16:29:52+07:00">
+  <meta property="article:published_time" content="2018-05-23T17:04:06+07:00">
 
 
 
@@ -182,7 +182,15 @@
             
             
 
-            <li><a href="/" class="active">What is React?</a></li>
+            <li><a href="/" class="active">Brief Introduction</a></li>
+          
+            
+            
+
+            
+            
+
+            <li><a href="/what-is-react" class="">What is React?</a></li>
           
         </ul>
         
@@ -636,27 +644,29 @@
 
 
   <article class="page" itemscope itemtype="http://schema.org/CreativeWork">
-    <meta itemprop="headline" content="What is React?">
-    <meta itemprop="description" content="What is React? - Learn React">
+    <meta itemprop="headline" content="Brief Introduction">
+    <meta itemprop="description" content="Welcome to Learn React, a comprehensive introduction to Reactjs. - Learn React">
     
     <meta itemprop="dateModified" content="May 15, 2018">
 
     <div class="page__inner-wrap">
       
         <header>
-          <h1 id="page-title" class="page__title" itemprop="headline">What is React?
+          <h1 id="page-title" class="page__title" itemprop="headline">Brief Introduction
 </h1>
           
         </header>
       
 
       <section class="page__content" itemprop="text">
         
-        <p>React is a UI library developed at Facebook to facilitate the creation of interactive, stateful and reusable UI components. It is used at Facebook in production, and Instagram is written in React.</p>
+        <p>If you have heard about React but are not sure of what it really is, how it is useful, or how to start your first React application, you have come to the right place!</p>
+
+<p>Welcome to <strong><em>Learn React</em></strong>, a comprehensive introduction to Reactjs. In this tutorial, we’ll take you step by step through the fundamental concepts of React. By understanding the concepts underlying React through practical examples, we hope that by the end of this tutorial you will have enough knowledge to create your own React applications.</p>
 
-<p>One of it’s unique points is that not only does it perform on the client side, but it can also be rendered server side, and they can work together inter-operably.</p>
+<p>Each chapter will start with a example that will give you a brief overview, followed by a more complete explanation of the React concept and what this concept looks like in practice.</p>
 
-<p><img src="/assets/images/react.png" alt="React" /></p>
+<p>Let’s <a href="/what-is-react">get started!</a></p>
 
         
       </section>
@@ -679,7 +689,7 @@ <h1 id="page-title" class="page__title" itemprop="headline">What is React?
       <a href="#" class="pagination--pager disabled">Previous</a>
     
     
-      <a href="/react-semantics-and-terminology" class="pagination--pager" title="React Semantics/Terminology
+      <a href="/what-is-react" class="pagination--pager" title="What is React?
 ">Next</a>
     
   </nav>
diff --git a/_site/sitemap.xml b/_site/sitemap.xml
@@ -5,6 +5,10 @@
 <lastmod>2018-05-15T02:58:49+07:00</lastmod>
 </url>
 <url>
+<loc>/what-is-react</loc>
+<lastmod>2018-05-15T02:58:49+07:00</lastmod>
+</url>
+<url>
 <loc>/react-semantics-and-terminology</loc>
 <lastmod>2018-05-15T02:58:49+07:00</lastmod>
 </url>
