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 …
Đọc tiếp Redux Toolkit: Tìm hiểu createSlice
Tháng:Tháng ba 2022
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 …
Đọc tiếp NodeJS version manager: Quản lý đa phiên bản NodeJS trên máy tính
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 …
Đọc tiếp [NextJS + Nx Series] Đọc và hiển thị file MD với NextJS
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 …
Đọc tiếp Tư duy của React Hooks
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 …
Đọc tiếp Giới thiệu về JAMstack – kiến trúc phát triển web hiện đại
[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 ở …
Đọc tiếp [NextJS + Nx Series] Setup Tailwind cho NextJS và Nx
[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 …
Đọc tiếp [NextJS + Nx Series] Tạo ứng dụng web NextJS với Nx
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 …
Đọc tiếp Giới thiệu Cypress – Testing Tool cho FrontEnd
Giới thiệu về StoryBook cho dự án FrontEnd
Storybook là một công cụ thiết kế và phát triển những UI Components cho ứng dụng của bạn trên một môi trường hoàn toàn biệt lập. Storybook mang lại trải nghiện mới khi thiết kế những UI components tưởng chừng chỉ dừng lại ở khâu design trước khi chuyển sang giai đoạn code Frontend. Ngày nay khi phát …
Đọc tiếp Giới thiệu về StoryBook cho dự án FrontEnd