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

Commit 425dc69

Browse files
authored
Translated some part of hooks-state.md
I have read the contributing rules and issues. but it might be possible to do mistakes. Please allow me to solving my mistakes by notifuing me. I have translated almost half of the page. I will continue it very soon. Thanks.
1 parent 7a2036f commit 425dc69

File tree

1 file changed

+15
-15
lines changed

1 file changed

+15
-15
lines changed

content/docs/hooks-state.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@ next: hooks-effect.html
66
prev: hooks-overview.html
77
---
88

9-
*Hooks* are a new addition in React 16.8. They let you use state and other React features without writing a class.
9+
*Hooks* React 16.8 এ নতুন যোগ হয়েছে। কোন class লেখা ছাড়াই এটি আপনাকে state এবং অন্যান্য ফিচার ব্যাবহার করার সুযোগ দিচ্ছে।
1010

11-
The [introduction page](/docs/hooks-intro.html) used this example to get familiar with Hooks:
11+
[পরিচিতি পাতা](/docs/hooks-intro.html) এই উদাহরণ ব্যাবহার করেছে Hooks ভালোভাবে বোঝার জন্যঃ
1212

1313
```js{4-5}
1414
import React, { useState } from 'react';
@@ -28,11 +28,11 @@ function Example() {
2828
}
2929
```
3030

31-
We'll start learning about Hooks by comparing this code to an equivalent class example.
31+
এই কোড সমতুল্য কোন Class উদাহরণ এর সাথে তুলনা করে আমরা Hooks শেখা শুরু করব।
3232

33-
## Equivalent Class Example {#equivalent-class-example}
33+
## সমতুল্য Class এর উদাহরণ {#equivalent-class-example}
3434

35-
If you used classes in React before, this code should look familiar:
35+
আপনি যদি আগে React Class ব্যাবহার করে থাকেন, এই কোডটি আপনার পরিচিতঃ
3636

3737
```js
3838
class Example extends React.Component {
@@ -56,15 +56,15 @@ class Example extends React.Component {
5656
}
5757
```
5858

59-
The state starts as `{ count: 0 }`, and we increment `state.count` when the user clicks a button by calling `this.setState()`. We'll use snippets from this class throughout the page.
59+
এই state শুরু হয়েছে `{ count: 0 }` হতে, এবং আমরা `state.count` বৃদ্ধি করেছি যখন ইউজার একটি বাটন এ ক্লিক করে যেটা `this.setState()` কল করে। আমরা পুরো পৃষ্ঠা জুড়ে এই Class এর টুকিটাকি ব্যাবহার করব।
6060

61-
>Note
61+
>নোট
6262
>
63-
>You might be wondering why we're using a counter here instead of a more realistic example. This is to help us focus on the API while we're still making our first steps with Hooks.
63+
> আপনি হয়ত ভাবতে পারেন আমরা কেন এখানে আরও বাস্তব উদাহরণ না দিয়ে শুধু একটি Counter ব্যাবহার করছি। এটা এজন্যই যে, এটা আমাদের API এর উপর ফোকাস করতে সাহায্য করবে যখন আমরা Hooks নিয়ে আমাদের প্রথম স্টেপ তৈরি করছি।
6464
65-
## Hooks and Function Components {#hooks-and-function-components}
65+
## Hooks এবং ফাংশন কম্পোনেন্ট {#hooks-and-function-components}
6666

67-
As a reminder, function components in React look like this:
67+
মনে রাখা দরকার যে, React এ ফাংশন কম্পোনেন্ট এমন হয়ঃ
6868

6969
```js
7070
const Example = (props) => {
@@ -73,7 +73,7 @@ const Example = (props) => {
7373
}
7474
```
7575

76-
or this:
76+
অথবা এমনঃ
7777

7878
```js
7979
function Example(props) {
@@ -82,13 +82,13 @@ function Example(props) {
8282
}
8383
```
8484

85-
You might have previously known these as "stateless components". We're now introducing the ability to use React state from these, so we prefer the name "function components".
85+
আপনি হয়ত আগে থেকে এগুলোকে "stateless components" হিসেবে জানেন। এখন আমরা এগুলো থেকে React state ব্যাবহার এর সক্ষমতা সম্পর্কে পরিচিত হচ্ছি, তাই আমরা এর নাম দিব "function components"
8686

87-
Hooks **don't** work inside classes. But you can use them instead of writing classes.
87+
Class এর ভিতরে Hooks **কাজ করে না**। কিন্তু আপনি Class লিখার বদলে এটা ব্যাবহার করতে পারেন।
8888

89-
## What's a Hook? {#whats-a-hook}
89+
## Hook কি? {#whats-a-hook}
9090

91-
Our new example starts by importing the `useState` Hook from React:
91+
আমাদের নতুন উদাহরণ শুরু হবে React থেকে `useState` ইমপোর্ট করার মাধ্যমেঃ
9292

9393
```js{1}
9494
import React, { useState } from 'react';

0 commit comments

Comments
 (0)