Home » Frontend

State management In Vue3 with Typescript – Pinia

Bài viết này mình sẽ tạo một ứng dụng đơn giản kết hợp Vue3 với Pinia để chúng ta có một cái nhìn tổng quan khi làm việc với Vue3, Pinia, Typescript nó sẽ như thế nào. Hiện tại…

Read More »

Chia sẻ template mẫu khi làm việc với UmiJS

Do một số bạn khi tiếp cận với umiJS, chưa biết nên tiếp cận như thế nào (xem thêm bài viết umiJS) và kiến trúc như tổ chức services sao, tổ chức models như thế nào, call api,…

Read More »

The Ultimate Guide to React Native Optimization is out now!

Download the ebook with: 15 articles 42 code examples 43 graphs and improve user experience, performance, and stability of your apps! Download link

Read More »

How to add side menu wix-react-native-navigation

How to add side menu wix-react-native-navigation

Read More »

How to use Mobx with create-react-app

Như tiêu đề bài viết sử dụng Mobx trong create-react-app như thế nào. Các bạn thực hiện theo các bước sau: Tạo ứng dụng react với create-react-app Để tạo ứng dụng React với create-react-app, bạn sử dụng command…

Read More »

Chia sẻ bộ khung tích hợp wix/react-native-navigation với DvaJS

Intergrated react native navigation with dvaJS

Kiến trúc dva đi theo mình hầu hết ở các dự án liên quan tới ReactJS, NuxtJS, cho nên các dự án mình cố gắng áp dụng kiến trúc này để làm việc. Dự án trước mình có…

Read More »

Triển khai ứng dụng mobile với React native (P1)

Bài viết này mình sẽ chia sẻ về cách triển khai một dự án mobile mà mình đã làm qua bằng react native, bao gồm các phần sau: Thư viện áp dụng Mình tích hợp với kiến trúc…

Read More »

Theo dõi action trong NuxtJS

Khi làm việc với ReactJS trên kiến trúc dva mình có khái niệm là watcher effect , và khi làm việc với ứng dụng NuxtJS, cơ chế nào để mình có thể theo dõi action trong NuxtJS, với…

Read More »

Chia sẻ bộ khung Angular starter

Trong quá trình làm việc với dự án Angular thì mình có tìm được 2 bộ khung sườn Angular mẫu, với kiến trúc được tổ chức hay dễ tiếp cận cho một số bạn chưa biết xây kiến…

Read More »

Giới thiệu về UmiJS P4 (Server Side Rendering)

Bài viết này mình sẽ giới thiệu cách triển khai Server side rendering reactJS phát triển trên nền tảng umi. Để coi nhiều cấu hình hơn SSR các bạn xem thêm trên trang chủ umiJS Tại sao ở…

Read More »

Giới thiệu React.memo

React.memo

Giới thiệu React.memo là Higher order component trong reactJS, được sử dụng để tối ưu render trong reactJS, mục đích sử dụng cũng giống như React.PureComponent nhưng nó được sử dụng cho function component thay vì class. Vậy…

Read More »

Giới thiệu về UmiJS P3 (Permission routing)

Bài viết này mình sẽ đi qua về định tuyến trong ứng dụng reactJS. Để coi nhiều cấu hình hơn các bạn xem thêm trên trang chủ umiJS I. Một số quy ước cơ bản của định tuyến:…

Read More »

React native dva starter

Bài viết này dành cho những bạn đã làm việc với kiến trúc dva trên reactJS, nên khi chuyển qua làm việc với react native, mình cũng kiếm được bộ source chuẩn tổ chức kiến trúc tốt hơn….

Read More »

Phân biệt cách sử dụng fetch vs asyncData trong NuxtJS

Khi làm việc với nuxtJS bạn sẽ đụng tới hai khái niệm này là fetch và asyncData. Hai phương thức này giống nhau về cách sử dụng đó là cho phép xử lý dự kiện bất đồng bộ…

Read More »

Quản lý trạng thái tải của side effect trong NuxtJS

Khái niệm side effect nghĩa là nó nói tới một xử lý hành động về bất đồng bộ (async) nào đó, ứng với một số framework thì nó có các khái niệm: Điểm khác biệt giữa reducer và…

Read More »