Bài đăng

5 thư viện tốt nhất cho việc làm một XMLHttpRequest trong react.

giới thiệu. React đang là một framework rất phổ biến hiện nay. và có một vấn đề mà rất nhiều những người mới làm quen với react đặt ra câu hỏi: 'làm thế nào để lấy dữ liệu từ server trong react' để trả lời câu hỏi này. React chỉ là một thư viện để view và bạn hoàn toàn tự do sử dụng bất kể thư viện nào mà bạn thấy nó thỏa mái nhất. Trong bài viết này tôi sẽ giới thiệu đến các bạn 5 thư viện đơn giản để làm ajax call trong React. JQuery $.ajax. đây là cách nhanh nhất để làm một ajax call đến server. Nếu mà bạn chỉ mới bắt đầu làm quen với react, thì cái này có thể giúp bạn giảm được rất nhiều thời gian để tiếp cận với nó, nhiều người trong chúng ra đã quá quen thuộc với jquery vì thể không mất thời gian để hiểu và sử dụng nó trong react. Dưới đây là một ví dụ đơn giản sử dụng jqery để lấy dữ liệu từ server. loadCommentsFromServer : function ( ) { $ . ajax ( { url : URL , method : 'get' , success : ( data ) ...

REACTJS Project Structure

Hình ảnh
ReactJs hiện nay là một thư viện javascript phổ biến được rất nhiều developer sử dụng, lý do thì chắc mọi người cũng đã thấy nhiều qua google. Bài viết này chia sẽ cấu trúc thư mục mà tự mình đua đòi tìm tòi để tạo trong thời gian gần đây. Lưu ý trong bài viết tôi sử dụng (reactjs + redux) trình bày cấu project mẫu. Reactjs docs recommended cho chúng ta 2 kiểu cấu trúc files : Group by features or routes Group by file type Theo tôi thì cả hai kiểu đều rất hay, dể hiểu và thực sự là hiện nay hấu hết các dự án reactjs ở trên github mình thấy đa phần sử dụng cấu trúc thứ hai kiểu như thế này. Tuy nhiên theo tôi cấu trúc trên có 2 điểm mà tôi thực sư không ưng ý. 1 . Khi code 1 chức năng tôi và phải mở các files source liên quan ở mỗi folder constant, component, reducer, action, container… thực sự mất thời gian để tìm và mở chúng. 2 . Khi dự án của chúng ta phình to với rất nhiều chức năng, thì các thư mục này sẽ chưa rất nhiều files nhìn nó rất rối rắm, và dễ nhầm...