diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 37972e83e..6f9613706 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -1,6 +1,6 @@ --- id: getting-started -title: Getting Started +title: शुरू करें permalink: docs/getting-started.html next: add-react-to-a-website.html redirect_from: @@ -18,109 +18,109 @@ redirect_from: - "docs/environments.html" --- -This page is an overview of the React documentation and related resources. +यह पेज React के दस्तावेज और उससे सम्बंधित साधनो का ओवरव्यू है | -**React** is a JavaScript library for building user interfaces. Learn what React is all about on [our homepage](/) or [in the tutorial](/tutorial/tutorial.html). +**React** उपयोगकर्ता इंटरफेस के निर्माण के लिए एक जावास्क्रिप्ट लाइब्रेरी है | React के बारे में जान्ने के लिए [हमारे होमपेज पर](/) या फिर [यह टुटोरिअल](/tutorial/tutorial.html) को देखें | ---- - -- [Try React](#try-react) -- [Learn React](#learn-react) -- [Staying Informed](#staying-informed) -- [Versioned Documentation](#versioned-documentation) -- [Something Missing?](#something-missing) - -## Try React {#try-react} + --- + + - [React का प्रयोग करके देखें](#try-react) + - [React सीखे](#learn-react) + - [सूचित रहना](staying-informed) + - [वर्ज़न दस्तावेज़](#versioned-documentation) + - [कुछ छूट रहा है क्या?](#something-missing ) + +## React का प्रयोग करके देखें {#try-react} -React has been designed from the start for gradual adoption, and **you can use as little or as much React as you need.** Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started. +React को धीरे-धीरे ग्रहण करने के लिए बनाया गया है, और **आप जितनी कम और ज्यादा चाहे उतनी React इस्तेमाल कर सकते है |** यदि आप React का नमूना देखना चाहें, अपने सरल HTML पेज में कुछ इंटरएक्टिविट डालना चाहें, या एक जटिल React-संचालित ऐप बनाना चाहे, इन सभी के लिए इस अनुभाग में दी गई लिंक्स आपकी सहायता करेंगी | -### Online Playgrounds {#online-playgrounds} +### ऑनलाइन प्लेग्राउंड्स {#online-playgrounds} -If you're interested in playing around with React, you can use an online code playground. Try a Hello World template on [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), or [Glitch](https://glitch.com/edit/#!/remix/starter-react-template). +अगर आप React को इस्तेमाल करने में रूचि रखतें है, तो आप एक ऑनलाइन कोड प्लेग्राउंड इस्तेमाल कर सकते है | आप [CodePen](codepen://hello-world) या [CodeSandbox](https://codesandbox.io/s/new) पर एक Hello World टेम्पलेट इस्तेमाल कर सकते हैं | -If you prefer to use your own text editor, you can also [download this HTML file](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), edit it, and open it from the local filesystem in your browser. It does a slow runtime code transformation, so we'd only recommend using this for simple demos. +अगर आप अपना Text Editor इस्तमाल करना चा रहे है, आप [इस HTML फाइल को डाउनलोड](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html) कर सकतें हैं, फिर आप उसे एडिट करके अपने लोकल फिलेसिस्टम से इसे अपने ब्राउज़र में खोल सकते हैं | यह रनटाइम कोड ट्रांसफॉर्मेशन को धीमे करता है, हम इसे खाली सरल डेमो के लिए ही इस्तेमाल करने का अनुग्रह करते हैं | -### Add React to a Website {#add-react-to-a-website} +### React को वेबसाइट में डालें {#add-react-to-a-website} -You can [add React to an HTML page in one minute](/docs/add-react-to-a-website.html). You can then either gradually expand its presence, or keep it contained to a few dynamic widgets. +आप [React को अपने पेज में एक मिनट में डाल सकते हैं](/docs/add-react-to-a-website.html) | इसके बाद या तो आप इसे धीमे से बड़ाह सकते है या इसे कुछ ही डायनामिक widgets तक सीमित रख सकते हैं | -### Create a New React App {#create-a-new-react-app} +### नया React ऐप बनाए {#create-a-new-react-app} -When starting a React project, [a simple HTML page with script tags](/docs/add-react-to-a-website.html) might still be the best option. It only takes a minute to set up! +जब आप नया React प्रोजेक्ट शुरू करते है, [एक सरल HTML पेज स्क्रिप्ट टैग्स के साथ](/docs/add-react-to-a-website.html) एक उत्तम विकल्प हो सकता है | इसे तैयार करने में सिर्फ एक मिनट लगता है! -As your application grows, you might want to consider a more integrated setup. There are [several JavaScript toolchains](/docs/create-a-new-react-app.html) we recommend for larger applications. Each of them can work with little to no configuration and lets you take full advantage of the rich React ecosystem. +जैसे आपकी एप्लीकेशन बड़ी होती जाती है, आप शायद एक ज़्यादा इंटीग्रेटेड सेटअप इस्तेमाल करना चाहेंगे | ऐसी [बहुत सारी जावास्क्रिप्ट टूलचैन हैं](/docs/create-a-new-react-app.html) जिन्हे हम बड़ी एप्लिकेशनों के साथ इस्तेमाल करने के लिए अनुरोध करते हैं | ये सारे थोड़ी या बिना कॉन्फ़िगरेशन के साथ आपको React के इकोसिस्टम का पूरा इस्तेमाल करने देते है | -## Learn React {#learn-react} +## React सीखें {#learn-react} -People come to React from different backgrounds and with different learning styles. Whether you prefer a more theoretical or a practical approach, we hope you'll find this section helpful. +लोग React सीखने अलग-अलग बैकग्राउंडस से आते हैं, उनके सिखने के ढंग भी अलग-अलग होते है | चाहे आप थेओरिटिकल ढंग से सीखना चाहे या प्रैक्टिकल से, हम आशा करते हैं कि यह अनुभाग आपके लिए मददगार साबित होगा | -* If you prefer to **learn by doing**, start with our [practical tutorial](/tutorial/tutorial.html). -* If you prefer to **learn concepts step by step**, start with our [guide to main concepts](/docs/hello-world.html). +* अगर आप **करके** सीखना पसंद करते हैं, तो हमारे [प्रैक्टिकल टुटोरिअल](/tutorial/tutorial.html) के साथ शुरू करें | +* अगर आप इस **कॉन्सेप्ट्स को स्टेप बाय स्टेप** सीखना पसंद करते हैं, हमारे [मुख्य धारणा कि गाइड](/docs/hello-world.html) से शुरू करें | -Like any unfamiliar technology, React does have a learning curve. With practice and some patience, you *will* get the hang of it. +किसी भी अनजान टेक्नोलॉजी की तरह React की भी एक सीखने की अवस्था है | अभ्यास और धीरज के साथ आपको *जल्द ही* React समझ में आजाएगी | -### First Examples {#first-examples} +### पहला उदहारण {#first-examples} -The [React homepage](/) contains a few small React examples with a live editor. Even if you don't know anything about React yet, try changing their code and see how it affects the result. +[React के होमपेज](/) में लाइव एडिटर के साथ React के कुछ छोटे उद्धरण हैं | अगर आप React के बारे में कुछ नहीं जानते तो कोड में कुछ बदलाव करके देखें कि वो कैसे परिणाम को बदलता है | -### React for Beginners {#react-for-beginners} +### शुरू करने वालों के लिए React {#react-for-beginners} -If you feel that the React documentation goes at a faster pace than you're comfortable with, check out [this overview of React by Tania Rascia](https://www.taniarascia.com/getting-started-with-react/). It introduces the most important React concepts in a detailed, beginner-friendly way. Once you're done, give the documentation another try! +अगर आप को लगता है की React के दस्तावेज आपकी गति पर नहीं चल रहे तो [Tania Rascia के इस ओवरव्यू को देखें](https://www.taniarascia.com/getting-started-with-react/) | ये React के सबसे ज्यादा ज़रूरी कॉन्सेप्ट्स से आपका विस्तार और शुरुवातकर्ता-अनुकूल परिचय करता है | एक बार आप इसे पूरा करलें आप दस्तावेजों को दुबारा देख सकते हैं! -### React for Designers {#react-for-designers} +### डिज़ाइनरों के लिए React {#react-for-designers} -If you're coming from a design background, [these resources](https://reactfordesigners.com/) are a great place to get started. +आगर आप डिज़ाइन बैकग्राउंड से आ रहे हैं, [ये साधन](https://reactfordesigners.com/) आपकी शुरुवात करने में मदद करेंगे | -### JavaScript Resources {#javascript-resources} +### जावास्क्रिप्ट के रिसोर्सेज़ {#javascript-resources} -The React documentation assumes some familiarity with programming in the JavaScript language. You don't have to be an expert, but it's harder to learn both React and JavaScript at the same time. +React के दस्तावेज़ मानते है की आपको जावास्क्रिप्ट लैंग्वेज की थोड़ी जानकारी है | आपको जावास्क्रिप्ट में माहिर होने कि ज़रूरत नहीं है, लेकिन जावास्क्रिप्ट और React को एक साथ सीखना मुश्किल हैं | -We recommend going through [this JavaScript overview](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level. It will take you between 30 minutes and an hour but you will feel more confident learning React. +हम अनुरोध करते है की आप [इस जावास्क्रिप्ट के ओवरव्यू को देखे](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) ताकि आप अपने जानकारी के स्तर को आक सकें | इसमें आपको आधे से एक घंटा लगेगा लेकिन आप React सीखने में अधिक आत्मविश्वास महसूस करेंगे | ->Tip +>सुझाव > ->Whenever you get confused by something in JavaScript, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) and [javascript.info](https://javascript.info/) are great websites to check. There are also [community support forums](/community/support.html) where you can ask for help. +>जब भी आप किसी जावास्क्रिप्ट की चीज़ की वजह से उलझन में पड जाएं तो [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) और [javascript.info](https://javascript.info/) जाँच करने के लिए बहुत अच्छी वेबसाइटस हैं | [कम्युनिटी सहायता मंच](/community/support.html) पे भी आप मदद माँग सकते हैं | -### Practical Tutorial {#practical-tutorial} +### प्रैक्टिकल टुटोरिअल {#practical-tutorial} -If you prefer to **learn by doing,** check out our [practical tutorial](/tutorial/tutorial.html). In this tutorial, we build a tic-tac-toe game in React. You might be tempted to skip it because you're not building games -- but give it a chance. The techniques you'll learn in the tutorial are fundamental to building *any* React apps, and mastering it will give you a much deeper understanding. +अगर आप **कर के** सीखना पसंद करते हैं तो हमारा [प्रैक्टिकल टुटोरिअल देखें](/tutorial/tutorial.html). इस टुटोरिअल में हम एक टिक-टैक्-टो का गेम बनाएँगे | हो सकता है आपको ऐसा लगे की हमें ये छोड़ देना चाहिए क्योकि हम कोई गेम नहीं बना रहे -- लेकिन इसे एक मौका दें | इसमें सीखी गई विधियां *किसी भी* React ऐप को बनाने में काम आएगी, और इसका अच्छा अभ्यास आपको React की गहरी समझ देगा | -### Step-by-Step Guide {#step-by-step-guide} +### स्टेप-बाय-स्टेप गाइड {#step-by-step-guide} -If you prefer to **learn concepts step by step,** our [guide to main concepts](/docs/hello-world.html) is the best place to start. Every next chapter in it builds on the knowledge introduced in the previous chapters so you won't miss anything as you go along. +अगर आप React के **कांसेप्ट को स्टेप-बाय-स्टेप सीखना** पसंद करते हैं तो हमारी [मुख्य कॉन्सेप्ट्स की गाइड](/docs/hello-world.html) शुरू करने की लिए एक उत्तम जगह है | इसमें हर अगला अध्याय पिछले अध्यायों पर बना है तो इससे आप से कुछ छूटेगा नहीं | -### Thinking in React {#thinking-in-react} +### React में सोचें {#thinking-in-react} -Many React users credit reading [Thinking in React](/docs/thinking-in-react.html) as the moment React finally "clicked" for them. It's probably the oldest React walkthrough but it's still just as relevant. +बहुत सारे React के यूज़र्स [React में सोचे](/docs/thinking-in-react.html) पढ़ने को उनकी React की समझ बढ़ाने में मदद करने का क्रेडिट देते हैं, वह समझते हैं की इसको पढ़ने के बाद ही उन्हें React समझ में आई | ये React के सबसे पुराने वॉकथ्रू में से एक है लेकिन यह अभी भी उतना ही उचित है। -### Recommended Courses {#recommended-courses} +### रेकमेंडेड कोर्सेज {#recommended-courses} -Sometimes people find third-party books and video courses more helpful than the official documentation. We maintain [a list of commonly recommended resources](/community/courses.html), some of which are free. +कभी-कभी लोगों को अन्य पार्टियों कि किताबें और वीडियो कोर्सेज़ ऑफिसियल दस्तावेज़ों से ज़्यादा मददगार लगती है | हम एक [आम तौर पर इस्तेमाल करे जाने वाले साधनो की सूचि](/community/courses.html) बनाए रखते हैं, जिनमे से कुछ मुफ्त हैं | -### Advanced Concepts {#advanced-concepts} +### एडवांस्ड कॉन्सेप्ट्स {#advanced-concepts} -Once you're comfortable with the [main concepts](#main-concepts) and played with React a little bit, you might be interested in more advanced topics. This section will introduce you to the powerful, but less commonly used React features like [context](/docs/context.html) and [refs](/docs/refs-and-the-dom.html). +जब आप [मुख्य कॉन्सेप्ट्स](#main-concepts) के साथ सहज महसूस करना शुरू कर दें और React का थोड़ा अभ्यास करलें, हो सकता है आपको एडवांस्ड विषयों में भी दिलचस्पी हों | यह भाग आपको ताकतवर लेकिन कम इस्तेमाल किये जाने वाली React की खासियत जैसे कि [context](/docs/context.html) और [refs](/docs/refs-and-the-dom.html) से आपका परिचय करवाएगा। -### API Reference {#api-reference} +### API रिफरेन्स {#api-reference} -This documentation section is useful when you want to learn more details about a particular React API. For example, [`React.Component` API reference](/docs/react-component.html) can provide you with details on how `setState()` works, and what different lifecycle methods are useful for. +अगर आप किसी विशेष React API के बारे में और जानना चाह रहें हैं यह दस्तावेज़ का भाग आपके काम आएगा | उदहारण के लिए, [`React.Component` API रिफरेन्स](/docs/react-component.html) आपको `setState()` कैसे काम करता है, और दूसरे लाइफसाइकिल मेथड्स किस काम के हैं इनपर आपको विवरण दे सखता है | -### Glossary and FAQ {#glossary-and-faq} +### शब्दकोष और FAQ {#glossary-and-faq} -The [glossary](/docs/glossary.html) contains an overview of the most common terms you'll see in the React documentation. There is also a FAQ section dedicated to short questions and answers about common topics, including [making AJAX requests](/docs/faq-ajax.html), [component state](/docs/faq-state.html), and [file structure](/docs/faq-structure.html). +यह [शब्दकोष](/docs/glossary.html) React के दस्तावेज़ों में सबसे ज़्यादा बार आने वाले शब्दों का एक ओवरव्यू है | [AJAX रिक्वैस्ट करना](/docs/faq-ajax.html), [कॉम्पोनेन्ट state](/docs/faq-state.html), और [फाइल स्ट्रक्चर](/docs/faq-structure.html) के साथ यहाँ सामान्य विषयों के बारे में छोटे प्रशनों और उत्तरों के लिए एक FAQ सेक्शन भी है | -## Staying Informed {#staying-informed} +## जागृत रहें {#staying-informed} -The [React blog](/blog/) is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted there first. +[React ब्लॉग](/blog/) React टीम के द्वारा अपडेट्स के लिए एक ओफ़िशिअल स्रोत है, इसमें कोई भी आवशयक सूचना जैसे की रिलीज़ नोट्स और डेप्रिसिएशन की सूचनाए सबसे पहले आती हैं | -You can also follow the [@reactjs account](https://twitter.com/reactjs) on Twitter, but you won't miss anything essential if you only read the blog. +आप ट्विटर पर [@reactjs का अकाउंट](https://twitter.com/reactjs) भी फॉलो कर सकते हैं, लेकिन अगर आप हमारा ब्लॉग पढ़ते हैं तो आप कोई ज़रूरी चीज़ नहीं छोड़ेंगे | -Not every React release deserves its own blog post, but you can find a detailed changelog for every release [in the `CHANGELOG.md` file in the React repository](https://github.com/facebook/react/blob/master/CHANGELOG.md), as well as on the [Releases](https://github.com/facebook/react) page. +हर React रिलीज़ अपने ब्लॉग पोस्ट के लायक नहीं होती है लेकिन हर रिलीज़ का पूरा चेंज लोग आपको [`CHANGELOG.md` फाइल जो React की रिपॉजिटरी में है](https://github.com/facebook/react/blob/master/CHANGELOG.md) या [Release](https://github.com/facebook/react) पेज पर मिल जाएगा | -## Versioned Documentation {#versioned-documentation} +## वर्ज़न्ड दस्तावेज़ {#versioned-documentation} -This documentation always reflects the latest stable version of React. Since React 16, you can find older versions of the documentation [on a separate page](/versions). Note that documentation for past versions is snapshotted at the time of the release, and isn't being continuously updated. +ये दस्तावेज़ हमेशा React के लेटेस्ट स्टेबल वर्ज़न पे आधारित होते हैं | आप React 16 के बाद के सारे दस्तावेज़ एक [अलग पेज पर](/versions) पर पा सकते हैं | ध्यान दें की सारे पिछले वर्ज़न अपने रिलीज़ के समय जैसे थे वैसे ही हैं और इनमें लगातार बदलाव नहीं किये जाते | -## Something Missing? {#something-missing} +## क्या कुछ छूट रहा है? {#something-missing} -If something is missing in the documentation or if you found some part confusing, please [file an issue for the documentation repository](https://github.com/reactjs/reactjs.org/issues/new) with your suggestions for improvement, or tweet at the [@reactjs account](https://twitter.com/reactjs). We love hearing from you! +अगर आप को लग रहा है की इन दस्तावेज़ों में कुछ छूटा है या आपको कुछ समझ नहीं आ रहा है तो कृपया अपने सुझाव के साथ [दस्तावेज़ रिपॉजिटरी में एक इशू दर्ज करें](https://github.com/reactjs/reactjs.org/issues/new) ताकि हम सुधार की ओर बढ़ सकें, या फिर आप [@reactjs के अकाउंट](https://twitter.com/reactjs) पर ट्वीट भी कर सकते हैं | हम आपसे सुन्ना बेहद पसंद करेंगे |