How to call child method from parent in react

We usually pass the props to the child component from parent and pass notifications to parent by events. But sometimes we have some abnormal cases that we need to call the child method from the parent. In this, we could use Refs in React for solving.

Tự tạo một react component và publish lên NPM

Chắc hẳn tất cả mọi người khi làm việc với React JS đều phải biết tới NPM, đây thật sự là một công cụ tuyệt vời để quản lý các thư viện mã nguồn mở trong thế giới Javascript nói chung và React JS nói riêng. Vậy làm thế nào để publish một component của riêng mình lên NPM?

Dependency injection trong React với JSX và context

Dependency injection là một dạng design pattern phổ biến được áp dụng vào để cố gắng đạt được sự không phụ thuộc giữa các object với nhau làm cho code clean hơn, dễ đọc và dễ test. Nó cũng được tích hợp sẵn trong nhiều framework lập trình như Angular, Symfony, Spring,…

React Hook với Redux Toolkit - sự kết hợp hoàn hảo

Nếu bạn nào đã từng sử dụng qua React chắc hẳn sẽ gặp phải những rắc rối với việc quản lý các global state, một trong những giải pháp mà đa số mọi người hay dùng đó là sử dụng Redux và bạn phải wrap mọi React component bằng higher-order connect() component, việc setup một React project với Redux trước đây khá là phức tạp.

Sử dụng gRPC-Web để gọi API từ grpc server trong ứng dụng React JS

Bài viết này sẽ trả lời cho các câu hỏi gRPC-Web là gì? Tại sao cần sử dụng nó? Và cách sử dụng gRPC-Web trong một ứng dụng React JS như thế nào thông qua một demo nho nhỏ. Ok, bắt đầu thôi nào!

How to handle expired token in javascript?

We often have to work with so many different APIs in a project so what if we are currently calling all three APIs at once and the token expires?
Then all three API requests will call for a token refresh, but only one API will call the token refresh successfully and the other two APIs will fail because the token refresh mechanism will cancel the expiring token as soon as it is refreshed.

Using arrow function in React JS - Bind

When programming applications with React Js to handle events you need to use the bind method. There are many different ways you can do that, such as placing it in a constructor

1
2
3
4
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}

Using arrow function in React JS - Callback

When you need to perform setState in a callback function, for example call api and update the data as below

1
2
3
4
5
6
7
8
9
10
axios.get('http://yourdomain/api/get-data')
.then(function (response) {
// handle success
this.setState({
data: response.data
})
})
.catch(function (error) {
// handle error
})
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×