Skip to content

Editor Setup bengali translation #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
May 2, 2023
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Complete editor setup bangla initial translation
  • Loading branch information
Shakib Hossain committed May 2, 2023
commit 98e86bc378e6531fc9a0f3aa044d5fdbbbe12244
42 changes: 21 additions & 21 deletions src/content/learn/editor-setup.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ title: এডিটর সেটাপ

<Intro>

সঠিকভাবে কনফিগার করা এডিটর আপনার কোড পড়ায় এবং লেখায় সাহায্য করতে পারে। এমনকি আপনাকে লিখার সাথে সাথে ভুলত্রুটি ধরায়ও সাহায্য করতে পারে! আপনি যদি প্রথমবারের মত এডিটর সেটাপ করেন অথবা আপনার বর্তমান এডিটরকে আরও সমৃদ্ধ করে তুলতে চান, তাহলে আমাদের কিছু রিকমেন্ডেশন রয়েছে।
সঠিকভাবে কনফিগার করা এডিটর আপনার কোড পড়ায় এবং লেখায় সাহায্য করতে পারে। এমনকি আপনাকে লিখার সাথে সাথে ভুলত্রুটি ধরায়ও সাহায্য করতে পারে! আপনি যদি প্রথমবারের মত এডিটর সেটাপ করেন অথবা আপনার বর্তমান এডিটরকে আরও সমৃদ্ধ করে তুলতে চান, তাহলে আমাদের কিছু পরামর্শ রয়েছে।

</Intro>

Expand All @@ -21,13 +21,13 @@ title: এডিটর সেটাপ

React কমিউনিটিতে ব্যবহৃত অন্য জনপ্রিয় এডিটরগুলোঃ

* [WebStorm](https://www.jetbrains.com/webstorm/) is an integrated development environment designed specifically for JavaScript.
* [Sublime Text](https://www.sublimetext.com/) has support for JSX and TypeScript, [syntax highlighting](https://stackoverflow.com/a/70960574/458193) and autocomplete built in.
* [Vim](https://www.vim.org/) is a highly configurable text editor built to make creating and changing any kind of text very efficient. It is included as "vi" with most UNIX systems and with Apple OS X.
* [WebStorm](https://www.jetbrains.com/webstorm/) জাভাস্ক্রিপ্টের জন্য তৈরি একটি integrated development environment
* [Sublime Text](https://www.sublimetext.com/) - এ JSX এবং TypeScript সাপোর্টের পাশাপাশি, [সিনট্যাক্স হাইলাইটিং](https://stackoverflow.com/a/70960574/458193) এবং অটোকমপ্লিট সাপোর্ট রয়েছে।
* [Vim](https://www.vim.org/) একটি অধিক কনফিগারযোগ্য টেক্সট এডিটর যা সহজে যেকোন ধরণের টেক্সট ফাইল তৈরি এবং পরিবর্তন করতে বানানো হয়েছে। অধিকাংশ UNIX সিস্টেম এবং Apple OS X এর সাথে এটি "vi" হিসেবে দেয়া থাকে।

## Recommended text editor features {/*recommended-text-editor-features*/}
## প্রস্তাবিত টেক্সট এডিটরের বৈশিষ্ট্যসমূহ {/*recommended-text-editor-features*/}

Some editors come with these features built in, but others might require adding an extension. Check to see what support your editor of choice provides to be sure!
কিছু এডিটরে এই বৈশিষ্ট্যগুলো ইতিমধ্যে সংযুক্ত করা থাকে, কিন্তু অন্যগুলোতে এক্সটেনশন যুক্ত করার প্রয়োজন পড়তে পারে। নিশ্চিত হওয়ার জন্য আপনার পছন্দের এডিটর কি সাপোর্ট সরবরাহ করে তা দেখে নিন!

### Linting {/*linting*/}

Expand All @@ -38,25 +38,25 @@ Code linters find problems in your code as you write, helping you fix them early

**Make sure that you've enabled all the [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) rules for your project.** They are essential and catch the most severe bugs early. The recommended [`eslint-config-react-app`](https://www.npmjs.com/package/eslint-config-react-app) preset already includes them.

### Formatting {/*formatting*/}
### ফরম্যাটিং {/*formatting*/}

The last thing you want to do when sharing your code with another contributor is get into an discussion about [tabs vs spaces](https://www.google.com/search?q=tabs+vs+spaces)! Fortunately, [Prettier](https://prettier.io/) will clean up your code by reformatting it to conform to preset, configurable rules. Run Prettier, and all your tabs will be converted to spaces—and your indentation, quotes, etc will also all be changed to conform to the configuration. In the ideal setup, Prettier will run when you save your file, quickly making these edits for you.
অন্য কন্ট্রিবিউটরদের সাথে আপনার কোড শেয়ার করার সময় আপনি নিশ্চয়ই চাননা [tabs বনাম spaces](https://www.google.com/search?q=tabs+vs+spaces) নিয়ে কোন বিতর্কে জড়াতে! সৌভাগ্যক্রমে, [Prettier](https://prettier.io/) আপনার কোডকে নির্দিষ্ট প্রিসেট এবং রুল অনুযায়ী রি-ফরম্যাট করতে পারে। Prettier রান করুন, এবং আপনার সকল tab space এ পরিবর্তন হয়ে যাবে—এবং আপনার indentation, quotes, ইত্যাদি ও কনফিগারেশন অনুযায়ী পরিবর্তন হয়ে যাবে। আদর্শ সেটাপে, আপনি যখনই আপনার ফাইল সেইভ করবেন Prettier রান হবে, যাতে এই পরিমার্জনা গুলো দ্রুতগতিতে সম্পন্ন হয়।

You can install the [Prettier extension in VSCode](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) by following these steps:
আপনি নিচের ধাপগুলো অনুসরণ করে [VSCode -এ Prettier এক্সটেনশন](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) ইন্সটল করতে পারেনঃ

1. Launch VS Code
2. Use Quick Open (press Ctrl/Cmd+P)
3. Paste in `ext install esbenp.prettier-vscode`
4. Press Enter
1. VS Code ওপেন করুন
2. Quick Open ব্যবহার করুন (Ctrl/Cmd+P চাপুন)
3. `ext install esbenp.prettier-vscode` - পেস্ট করুন
4. Enter চাপুন

#### Formatting on save {/*formatting-on-save*/}
#### সেইভে ফরম্যাট করা {/*formatting-on-save*/}

Ideally, you should format your code on every save. VS Code has settings for this!
আদর্শভাবে, প্রতি সেইভেই আপনার কোডকে আপনার ফরম্যাট করা উচিত। VS Code এ এর সেটিং রয়েছে!

1. In VS Code, press `CTRL/CMD + SHIFT + P`.
2. Type "settings"
3. Hit Enter
4. In the search bar, type "format on save"
5. Be sure the "format on save" option is ticked!
1. VS Code এ, `CTRL/CMD + SHIFT + P` প্রেস করুন।
2. "settings" টাইপ করুন
3. Enter চাপুন
4. সার্চ বারে, "format on save" টাইপ করুন
5. "format on save" অপশনটি টিক দেয়া আছে কিনা নিশ্চিত হয়ে নিন!

> If your ESLint preset has formatting rules, they may conflict with Prettier. We recommend disabling all formatting rules in your ESLint preset using [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier) so that ESLint is *only* used for catching logical mistakes. If you want to enforce that files are formatted before a pull request is merged, use [`prettier --check`](https://prettier.io/docs/en/cli.html#--check) for your continuous integration.
> আপনার ESLint প্রিসেটে যদি ফরম্যাটিং রুল থেকে থাকে, তাহলে তা Prettier এর সাথে conflict করতে পারে। আমরা পরামর্শ দেব আপনি যাতে আপনার ESLint প্রিসেটের সকল ফরম্যাটিং রুল [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier) এর মাধ্যমে নিষ্ক্রিয় করে দেন যাতে ESLint *শুধুমাত্র* যৌক্তিক ভুল ধরার কাজে ব্যবহৃত হয়। আপনি যদি কোন pull request মার্জ করার আগে নিশ্চিত করতে চান আপনার ফাইলগুলো সঠিকভাবে ফরম্যাট করা হয়ে, তাহলে আপনার continuous integration এ [`prettier --check`](https://prettier.io/docs/en/cli.html#--check) ব্যবহার করুন।