React Redux: Giới thiệu Redux Thunk.

Ở bài viết trước chúng ta đã biết được Redux middleware là gì, và vấn đề gặp phải với lỗi: “Error: Actions must be plain objects. Use custom middleware for async actions” khi chúng ta cần xử lý các action bất đồng bộ như lấy dữ liệu từ API. Link bài viết trước mọi người có thể … Read more

Redux Toolkit: Tìm hiểu createSlice

Tiếp theo bài trước, mình sẽ giới thiệu chi tiết hơn các API cơ bản của Redux-Toolkit để chúng ta có thể tạo được 1 flow hoàn chỉnh của Redux. Redux Module Trong Redux, 1 module hoàn chỉnh bao gồm: Store, Actions và Reducer, thông thường các bạn sẽ chia viết từng phần trong các … Read more

NodeJS version manager: Quản lý đa phiên bản NodeJS trên máy tính

Ví dụ bạn có 2 project Node.js là A và B. A chạy version 14 còn B chạy version 16 trong khi 2 version này có một số khác biệt nên không thể dùng chung 1 version cho cả 2 project. Mỗi lần chạy project nào thì bạn gỡ version node.js kia ra và cài … Read more

Flutter 1 số kiểu style ảnh avatar phổ biến

Circular Image (không sử dụng border) Circular image (có sử dụng border) Rounded image (không border) Rounded image (với border) Ngoài những cách trên, bạn cũng có thể tham khảo sử dụng DecoratedBox để xử lý style cho ảnh Avatar: https://api.flutter.dev/flutter/widgets/DecoratedBox-class.html

[NextJS + Nx Series] Đọc và hiển thị file MD với NextJS

Trong bài viết trước, chúng ta đã tìm hiểu cách để cài đặt và sử dụng Tailwind với NextJS và Nx workspace. Tiếp tục series, bài viết này sẽ chỉ cho chúng ta cách đọc files từ hệ thống, parse Markdown và render sang HTML. Đấy cũng là cách mà Nx giúp chúng ta tạo … Read more

Tư duy của React Hooks

React Hooks những năm 2022 khi mình viết bài viết này gần như đã trở thành 1 kĩ năng “must to have” đối với các lập trình viên Frontend React. Các bạn có thể đọc tài liệu chính thức về Hook trên trang chủ của React: https://reactjs.org/docs/hooks-intro.html. Trong bài viết này, mình chỉ nói 1 … Read more

Giới thiệu về JAMstack – kiến trúc phát triển web hiện đại

JAMstack là gì? JAMstack là một kiến trúc phát triển web hiện đại. Nó không phải là ngôn ngữ lập trình hay bất kỳ hình thức công cụ nào. Đây là một cách thức phát triển web nhằm mục đích thực thi hiệu suất tốt hơn, bảo mật cao hơn, giảm chi phí mở rộng … Read more

[NextJS + Nx Series] Setup Tailwind cho NextJS và Nx

Tiếp tục series tạo blog với NextJS và Nx, trong bài này mình sẽ giới thiệu phần tích hợp Tailwind Css vào dự án. Link bài viết gốc ở đây nhé: https://blog.nrwl.io/setup-next-js-to-use-tailwind-with-nx-849b7e21d8d0 Link bài viết trước Bạn cũng có thể tìm hiểu về Tailwind, cách cài đặt và cấu hình cho dự án NextJS ở … Read more

[NextJS + Nx Series] Tạo ứng dụng web NextJS với Nx

Đây là bài viết mình dịch lại trên blog Nrwl, link dưới đây: https://blog.nrwl.io/create-a-next-js-web-app-with-nx-bcf2ab54613 Series: Tạo blog với Nextjs và Nx gồm 9 bài viết: Hôm nay sẽ là bài đầu tiên: Tạo ứng dụng web NextJS với Nx Để tạo mới 1 ứng dụng web NextJS, chúng ta có 2 lựa chọn sau: Tất … Read more

Giới thiệu Cypress – Testing Tool cho FrontEnd

Cypress là gì? Cypress là tool phục vụ cho UI Automation test và chính xác là dành cho web. Nó có chức năng tương đương với Selenium, nhưng được viết bằng javascript và có cách hoạt động hoàn toàn khác biệt. Nó được giới thiệu là nhanh, đáng tin cậy hơn selenium và có thể dùng cho … Read more