Skip to content
This repository has been archived by the owner on Apr 21, 2023. It is now read-only.

effect hooks bangla translation #71

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

sabbirshawon
Copy link

No description provided.

@netlify
Copy link

netlify bot commented Feb 13, 2020

Deploy preview for bn-reactjs ready!

Built with commit 6a129c0

https://deploy-preview-71--bn-reactjs.netlify.app

@sabbirshawon
Copy link
Author

sabbirshawon commented Feb 16, 2020

@nutboltu Can you please check this one brother?

@nutboltu
Copy link
Contributor

@nutboltu Can you please check this one brother?

I'll take a look. can you please resolve this extra line that
Screen Shot 2020-02-18 at 10 25 32 pm

@sabbirshawon
Copy link
Author

@nutboltu Can you please check this one brother?

I'll take a look. can you please resolve this extra line that
Screen Shot 2020-02-18 at 10 25 32 pm

Which one brother? @nutboltu

@sabbirshawon sabbirshawon requested review from shakib609 and removed request for shakib609 February 18, 2020 11:34
@sabbirshawon
Copy link
Author

is there any update brother @nutboltu

@Twaha-Rahman
Copy link
Contributor

@sabbirshawon Your translation has added a new line. Do a diff with git diff and remove the added line 🙃

@nutboltu
Copy link
Contributor

nutboltu commented Jun 2, 2020

@sabbirshawon I will take a look and give you feedback shortly!

Copy link
Contributor

@nutboltu nutboltu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@sabbirshawon can you please follow the Glossary?
https://github.com/reactjs/bn.reactjs.org/wiki/Glossary
There are a few common words we shouldn't translate. e.g (React, Component)

@@ -1,14 +1,14 @@
---
id: hooks-state
title: Using the Effect Hook
title: Effect Hooks এর ব্যবহার
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hooks -> Hook

permalink: docs/hooks-effect.html
next: hooks-rules.html
prev: hooks-state.html
---

*Hooks* are a new addition in React 16.8. They let you use state and other React features without writing a class.
*Hooks* - React 16.8 এ নতুন সংযোজন। তারা আপনাকে ক্লাস না লিখে state এবং অন্যান্য প্রতিক্রিয়া বৈশিষ্ট্যগুলি ব্যবহার করতে দেয়।
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please remove - before React
প্রতিক্রিয়া -> React
বৈশিষ্ট্যগুলি -> ফিচারকে


The *Effect Hook* lets you perform side effects in function components:
*Effect Hook* আপনাকে ফাংশন উপাদানগুলিতে পার্শ্ব প্রতিক্রিয়া সম্পাদন করতে দেয়:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

উপাদানগুলিতে -> কম্পোনেন্টকে

@@ -33,25 +33,26 @@ function Example() {
}
```

This snippet is based on the [counter example from the previous page](/docs/hooks-state.html), but we added a new feature to it: we set the document title to a custom message including the number of clicks.
এই স্নিপেট উপর ভিত্তি করে [counter example from the previous page](/docs/hooks-state.html),
তবে আমরা এতে একটি নতুন বৈশিষ্ট্য যুক্ত করেছি: আমরা ক্লিকের সংখ্যা সহ কাস্টম বার্তায় নথির শিরোনাম সেট করেছি।
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please remove this extra line

@sabbirshawon sabbirshawon requested a review from nutboltu June 3, 2020 17:41
Copy link
Contributor

@nutboltu nutboltu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Though it's a huge PR. I have done the review until Effects Without Cleanup section. Whenever we are done with this I'll review the later part.


The *Effect Hook* lets you perform side effects in function components:
*Effect Hook* আপনাকে ফাংশন কম্পোনেন্টকে পার্শ্ব React সম্পাদন করতে দেয়:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

পার্শ্ব React সম্পাদন করতে দেয়?

@@ -33,25 +33,25 @@ function Example() {
}
```

This snippet is based on the [counter example from the previous page](/docs/hooks-state.html), but we added a new feature to it: we set the document title to a custom message including the number of clicks.
এই স্নিপেট উপর ভিত্তি করে [counter example from the previous page](/docs/hooks-state.html), তবে আমরা এতে একটি নতুন বৈশিষ্ট্য যুক্ত করেছি: আমরা ক্লিকের সংখ্যা সহ কাস্টম বার্তায় নথির শিরোনাম সেট করেছি।
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please translate counter example from the previous page

Let's be consistent about feature.
বৈশিষ্ট্য -> ফিচার
বার্তায় -> মেসেজ
নথির -> ডকুমেন্টের


Data fetching, setting up a subscription, and manually changing the DOM in React components are all examples of side effects. Whether or not you're used to calling these operations "side effects" (or just "effects"), you've likely performed them in your components before.
তথ্য আনা, একটি সাবস্ক্রিপশন সেট আপ, এবং React কম্পোনেন্টকে ম্যানুয়ালি DOM পরিবর্তন করা পার্শ্ব React গুলির উদাহরণ। আপনি এই অপারেশনগুলিকে "পার্শ্ব প্রতিক্রিয়া" (or just "effects"), বলার জন্য অভ্যস্ত কিনা বা না, আপনি সম্ভবত আপনার কম্পোনেন্টকে এগুলি সম্পাদন করেছেন।
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you re-translate this line again?

  1. Please translate or just "effects"
  2. পার্শ্ব React?

>
>If you're familiar with React class lifecycle methods, you can think of `useEffect` Hook as `componentDidMount`, `componentDidUpdate`, and `componentWillUnmount` combined.
>আপনি যদি React শ্রেণীর জীবনচক্র পদ্ধতিগুলির সাথে পরিচিত হন তবে আপনি `UseEffect` হুককে `componentDidMount`, `componentDidUpdate` এবং `componentWillUnmount` সম্মিলিত হিসাবে ভাবতে পারেন।
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

শ্রেণীর জীবনচক্র?
UseEffect -> useEffect


There are two common kinds of side effects in React components: those that don't require cleanup, and those that do. Let's look at this distinction in more detail.
React কম্পোনেন্টকে দুটি সাধারণ ধরণের পার্শ্ব React রয়েছে: সেগুলির পরিষ্কার-পরিচ্ছন্নতার প্রয়োজন হয় না এবং সেগুলি করে। আসুন আরও বিস্তারিত এই পার্থক্যটি দেখি।
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

পার্শ্ব React?
React কম্পোনেন্টকে দুটি সাধারণ ধরণের পার্শ্ব React রয়েছে: সেগুলির পরিষ্কার-পরিচ্ছন্নতার প্রয়োজন হয় না এবং সেগুলি করে। - Can you please re-translate it again?


There are two common kinds of side effects in React components: those that don't require cleanup, and those that do. Let's look at this distinction in more detail.
React কম্পোনেন্টকে দুটি সাধারণ ধরণের পার্শ্ব React রয়েছে: সেগুলির পরিষ্কার-পরিচ্ছন্নতার প্রয়োজন হয় না এবং সেগুলি করে। আসুন আরও বিস্তারিত এই পার্থক্যটি দেখি।

## Effects Without Cleanup {#effects-without-cleanup}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We need to translate it


## Effects Without Cleanup {#effects-without-cleanup}

Sometimes, we want to **run some additional code after React has updated the DOM.** Network requests, manual DOM mutations, and logging are common examples of effects that don't require a cleanup. We say that because we can run them and immediately forget about them. Let's compare how classes and Hooks let us express such side effects.
কখনও কখনও, আমরা চাই **রিঅ্যাক্টটি DOM আপডেট করার পরে কিছু অতিরিক্ত কোড চালাও।** নেটওয়ার্ক requests, ম্যানুয়াল DOM রূপান্তর এবং লগিং এফেক্টগুলির সাধারণ উদাহরণ যা পরিষ্কার করার প্রয়োজন হয় না। আমরা বলি কারণ আমরা তাদের চালাতে পারি এবং তাত্ক্ষণিকভাবে সেগুলি ভুলে যেতে পারি। তুলনা করি, কীভাবে ক্লাস এবং হুকস আমাদের এ জাতীয় পার্শ্ব React প্রকাশ করতে দেয়।
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

রিঅ্যাক্টটি -> React
চালাও।-> চালাতে।
আমরা বলি কারণ আমরা তাদের চালাতে পারি এবং তাত্ক্ষণিকভাবে সেগুলি ভুলে যেতে পারি। তুলনা করি, কীভাবে ক্লাস এবং হুকস আমাদের এ জাতীয় পার্শ্ব React প্রকাশ করতে দেয়। - Please re-translate this line

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants