Ngày nay, không có hệ thống web-based hoàn chỉnh nào mà thiếu một giao diện quản trị. Giao diện này cung cấp một nơi cho người dùng có đặc quyền để quản lý toàn bộ hệ thống và thực hiện các hoạt động CRUD (Tạo, Đọc, Cập nhật, Xóa). Rõ ràng rằng việc có một giao diện quản trị sẽ giúp tăng cường khả năng quản lý, sử dụng của hệ thống, tuy nhiên việc tạo ra một trang web có thể mở rộng và quản lý quyền hạn, cập nhật thời gian thực và truy cập nhanh đến thông ... »
Chào mọi người, tiếp tục với seri React-Native thì hôm nay mình sẽ mang đến cho các bạn một State Management Library đang làm mưa làm gió trong cộng đồng ReactJS. Chắc hẳn nhiều bạn sẽ tự hỏi, cái thư viện này là gì, tên thì nghe lạ hoắc. Thì cũng phải thôi nè, bộ đôi React Redux là một cái gì đó quá nổi tiếng và là lựa chọn của đa số lập trình viên. Nhưng cũng có nhiều thư viện khác cũng rất hay ho và thú vị cho chúng ta cùng nghiên cứu và áp dụng vào ... »
Xin chào các bạn, nếu các bạn đang muốn build 1 dự án, đang phân vân về việc nên sử dụng Next.js hay React, 1 framework và 1 library đang làm mưa làm gió hiện nay thì bài viết này dành cho bạn. Trong blog này, mình muốn thảo luận về sự khác biêt giữa hai công nghệ này. Thứ mà mình đã có kinh nghiệm khi làm việc tại GMO-Z.com Vietnam Lab Center. 1. Tổng quanChắc các bạn cũng đã biết, React ra đời từ năm 2013 và được phát triển bởi Facebook. Còn Next.js bản ... »
Những thay đổi chính trong react navigation v6: React navigation v6 vẫn sẽ giữ lại hầu hết các core APIs từ version 5. Chúng ta hãy cùng đi qua những thay đổi mới trong v6 nhé. I. Những điểm mới 1. Navigators linh hoạt hơn Bây giờ Navigators cho phép chúng ta customize nhiều options như là 1 props. Có nghĩa là chúng ta sẽ không thể tùy chỉnh chúng dựa trên active screen. Để có thể sử dụng, chúng ta cần chuyển các props này sang các option mà ta có thể điều chỉnh và thêm vào các Screen. ... »
Hook là chức năng được thêm mới từ phiên bản React 16.8. Với hook, chúng ta có thể quản lý state của component mà không cần đến class cho dài dòng. Nói không ngoa, class component implement được chức năng gì thì function component dùng hook implement được chức năng đó. 1. Một số lưu ý về hook: Hoàn toàn tự nguyện: Bạn có thể chọn dùng hook với các component mới mà không cần phải viết lại hay sửa lại các component cũ. Hoàn toàn tương thích ngược: Hook implement lại các chứng năng của class theo một ... »
Chào các bạn, hôm nay mình trở lại và viết tiếp phần 2 cũng là phần cuối của "Tạo ứng dụng CRUD với Redux". Lần trước mình đã viết bài hướng dẫn các bạn tạo ứng dụng, setup phần backend và thực hiện chức năng Read (các bạn có thể xem bài viết trước tại đây). Trong blog lần này, mình sẽ hướng dẫn các bạn thực hiện các chức năng còn lại: Create, Update, Delete. Trong bài viết không thể nói hết các phần râu ria của project, các bạn có thể tham khảo phần code tại đây. II. ... »
Chào các bạn, Hôm nay mình sẽ hướng dẫn các bạn tạo 1 ứng dụng CRUD đơn giản với React và Redux. I. Giới thiệu chung về Redux1. Hoàn cảnh ra đời Năm 2013, Facebook cho ra mắt ReactJS khi cho rằng AngularJS của Google rất chậm chạp và nặng nề. Tuy nhiên, ReactJS chỉ là một thư viện để render các Component lên giao diện chứ không có khả năng quản lý trạng thái của ứng dụng. Sau đó, Facebook có giới thiệu 1 thư viện giúp hỗ trợ React trong việc quản lý trạng thái mang tên Flux. ... »
Trước khi bắt đầu bài viết này bạn nên biết ít nhất 3 từ khóa ở trên. Một vài năm trước tôi có làm dự án về Elixir, nó là một ngôn ngữ lập trình rất ngắn gọn. Và sau đó tôi có dùng GraphQL trên một ứng dụng di động với React. Và bây giờ khi mọi thứ đã thay đổi rất nhiều, tôi thử kết hợp mọi thứ mới nhất với nhau. Trong bài viết này tôi sẽ giới thiệu và cách kết hợp các keyword trên với nhau. Định nghĩa các từ khóaElixir là ngôn ngữ lập ... »
