diff --git a/content/docs/fragments.md b/content/docs/fragments.md
index 33619db2f..5a61a2e0a 100644
--- a/content/docs/fragments.md
+++ b/content/docs/fragments.md
@@ -4,7 +4,7 @@ title: Fragments
 permalink: docs/fragments.html
 ---
 
-A common pattern in React is for a component to return multiple elements. Fragments let you group a list of children without adding extra nodes to the DOM.
+یک الگوی رایج در React این است که یک مؤلفه بتواند عناصر مختلف را برگرداند. قطعات به شما امکان می دهد لیستی از فرزندان را بدون اضافه کردن گره های اضافی به DOM گروه بندی کنید.
 
 ```js
 render() {
@@ -18,11 +18,11 @@ render() {
 }
 ```
 
-There is also a new [short syntax](#short-syntax) for declaring them.
+همچنین یک [نحو کوتاه](#short-syntax) برای اعلام آنها وجود دارد.
 
-## Motivation {#motivation}
+## انگیزه {#motivation}
 
-A common pattern is for a component to return a list of children. Take this example React snippet:
+یک الگوی رایج برای این است که یک جزء بتواند لیستی از فرزندان را برگرداند. از این مثال نمونه React snippet بگیرید:
 
 ```jsx
 class Table extends React.Component {
@@ -38,7 +38,8 @@ class Table extends React.Component {
 }
 ```
 
-`<Columns />` would need to return multiple `<td>` elements in order for the rendered HTML to be valid. If a parent div was used inside the `render()` of `<Columns />`, then the resulting HTML will be invalid.
+دستور `<Columns />` نیاز خواهد بود تا بتوانید چند `<td>` را برگردانید که در خروجی از لحاظ HTML معتبر باشند.
+اگر در بخش ارائه از `<Columns />` استفاده کنید, خروجی HTML نادرست خواهد بود.
 
 ```jsx
 class Columns extends React.Component {
@@ -53,7 +54,7 @@ class Columns extends React.Component {
 }
 ```
 
-results in a `<Table />` output of:
+منجر به خروجی `<Table />` در:
 
 ```jsx
 <table>
@@ -66,9 +67,9 @@ results in a `<Table />` output of:
 </table>
 ```
 
-Fragments solve this problem.
+قطعات این مشکل را حل می کنند.
 
-## Usage {#usage}
+## طریقه استفاده {#usage}
 
 ```jsx{4,7}
 class Columns extends React.Component {
@@ -83,7 +84,7 @@ class Columns extends React.Component {
 }
 ```
 
-which results in a correct `<Table />` output of:
+که منجر به خروجی صحیح `<Table />` در:
 
 ```jsx
 <table>
@@ -94,9 +95,9 @@ which results in a correct `<Table />` output of:
 </table>
 ```
 
-### Short Syntax {#short-syntax}
+### نحو کوتاه {#short-syntax}
 
-There is a new, shorter syntax you can use for declaring fragments. It looks like empty tags:
+یک نحو جدید و کوتاه تر وجود دارد که می توانید برای اعلام قطعات استفاده کنید. این شبیه به برچسب های خالی است:
 
 ```jsx{4,7}
 class Columns extends React.Component {
@@ -111,11 +112,11 @@ class Columns extends React.Component {
 }
 ```
 
-You can use `<></>` the same way you'd use any other element except that it doesn't support keys or attributes.
+می توانید از `<></>` ها به همان روشی استفاده کنید که می توانید از هر عنصر دیگری استفاده کنید به جز اینکه از ویژگی ها پشتیبانی نمی کند.
 
-### Keyed Fragments {#keyed-fragments}
+### قطعات اصلی {#keyed-fragments}
 
-Fragments declared with the explicit `<React.Fragment>` syntax may have keys. A use case for this is mapping a collection to an array of fragments -- for example, to create a description list:
+تکه های اعلام شده با نحوی صریح `<React.Fragment>` ممکن است دارای کلید باشند. مورد استفاده برای این کار ، نقشه برداری از مجموعه به مجموعه ای از قطعات است - برای مثال ، برای ایجاد یک لیست توضیحات:
 
 ```jsx
 function Glossary(props) {
@@ -133,8 +134,10 @@ function Glossary(props) {
 }
 ```
 
-`key` is the only attribute that can be passed to `Fragment`. In the future, we may add support for additional attributes, such as event handlers.
 
-### Live Demo {#live-demo}
+"کلید" تنها صفتی است که می توان به Fragment منتقل کرد. در آینده، ما ممکن است از ویژگی های بیشتری بعدا پشتیبانی کنیم، مانند کنترل رویداد ها
 
-You can try out the new JSX fragment syntax with this [CodePen](https://codepen.io/reactjs/pen/VrEbjE?editors=1000).
+
+### نسخه ی نمایشی زنده {#live-demo}
+
+می توانید با استفاده از [CodePen](https://codepen.io/reactjs/pen/VrEbjE?editors=1000) نحو جدید قطعه JSX را امتحان کنید.