You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Apr 21, 2023. It is now read-only.
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.
Copy file name to clipboardExpand all lines: content/docs/hooks-state.md
+15-15Lines changed: 15 additions & 15 deletions
Original file line number
Diff line number
Diff line change
@@ -6,9 +6,9 @@ next: hooks-effect.html
6
6
prev: hooks-overview.html
7
7
---
8
8
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 এবং অন্যান্য ফিচার ব্যাবহার করার সুযোগ দিচ্ছে।
10
10
11
-
The [introduction page](/docs/hooks-intro.html)used this example to get familiar with Hooks:
11
+
[পরিচিতি পাতা](/docs/hooks-intro.html)এই উদাহরণ ব্যাবহার করেছে Hooks ভালোভাবে বোঝার জন্যঃ
12
12
13
13
```js{4-5}
14
14
import React, { useState } from 'react';
@@ -28,11 +28,11 @@ function Example() {
28
28
}
29
29
```
30
30
31
-
We'll start learning about Hooks by comparing this code to an equivalent class example.
31
+
এই কোড সমতুল্য কোন Class উদাহরণ এর সাথে তুলনা করে আমরা Hooks শেখা শুরু করব।
32
32
33
-
## Equivalent Class Example {#equivalent-class-example}
33
+
## সমতুল্য Class এর উদাহরণ {#equivalent-class-example}
34
34
35
-
If you used classes in React before, this code should look familiar:
35
+
আপনি যদি আগে React Class ব্যাবহার করে থাকেন, এই কোডটি আপনার পরিচিতঃ
36
36
37
37
```js
38
38
classExampleextendsReact.Component {
@@ -56,15 +56,15 @@ class Example extends React.Component {
56
56
}
57
57
```
58
58
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 এর টুকিটাকি ব্যাবহার করব।
60
60
61
-
>Note
61
+
>নোট
62
62
>
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 নিয়ে আমাদের প্রথম স্টেপ তৈরি করছি।
64
64
65
-
## Hooks and Function Components {#hooks-and-function-components}
65
+
## Hooks এবং ফাংশন কম্পোনেন্ট {#hooks-and-function-components}
66
66
67
-
As a reminder, function components in React look like this:
67
+
মনে রাখা দরকার যে, React এ ফাংশন কম্পোনেন্ট এমন হয়ঃ
68
68
69
69
```js
70
70
constExample= (props) => {
@@ -73,7 +73,7 @@ const Example = (props) => {
73
73
}
74
74
```
75
75
76
-
or this:
76
+
অথবা এমনঃ
77
77
78
78
```js
79
79
functionExample(props) {
@@ -82,13 +82,13 @@ function Example(props) {
82
82
}
83
83
```
84
84
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"।
86
86
87
-
Hooks **don't** work inside classes. But you can use them instead of writing classes.
87
+
Class এর ভিতরে Hooks **কাজ করে না**। কিন্তু আপনি Class লিখার বদলে এটা ব্যাবহার করতে পারেন।
88
88
89
-
## What's a Hook? {#whats-a-hook}
89
+
## Hook কি? {#whats-a-hook}
90
90
91
-
Our new example starts by importing the`useState`Hook from React:
91
+
আমাদের নতুন উদাহরণ শুরু হবে React থেকে`useState`ইমপোর্ট করার মাধ্যমেঃ
0 commit comments