Канал: Easy Frontend

Chém gió trước khi "bỉm sữa" 🤣

Chém gió trước khi "bỉm sữa" 🤣

NextJS: 03-07 Tổng quan về SWR 🎉

NextJS: 03-07 Tổng quan về SWR 🎉

ReactJS: 18-06 Thêm icon giỏ hàng lên header

ReactJS: 18-06 Thêm icon giỏ hàng lên header

ReactJS: 18-05 Handle nút add to cart

ReactJS: 18-05 Handle nút add to cart

ReactJS: 18-04 Tạo selectors cho cart items

ReactJS: 18-04 Tạo selectors cho cart items

ReactJS: 18-03 Tạo actions cho cart items

ReactJS: 18-03 Tạo actions cho cart items

ReactJS: 18-02 Setup feature Cart

ReactJS: 18-02 Setup feature Cart

ReactJS: 18-01 Giới thiệu tính năng giỏ hàng

ReactJS: 18-01 Giới thiệu tính năng giỏ hàng

ReactJS: 17-12 Show progress khi fetch dữ liệu

ReactJS: 17-12 Show progress khi fetch dữ liệu

ReactJS: 17-11 An toàn render dữ liệu HTML lên UI

ReactJS: 17-11 An toàn render dữ liệu HTML lên UI

ReactJS: 17-10 Code các sub-components của product

ReactJS: 17-10 Code các sub-components của product

ReactJS: 17-09 Code component ProductMenu

ReactJS: 17-09 Code component ProductMenu

ReactJS: 17-08 Code QuantityField

ReactJS: 17-08 Code QuantityField

ReactJS: 17-07 Form add to cart

ReactJS: 17-07 Form add to cart

ReactJS: 17-06 Cách kiểm tra và update packages trong dự án

ReactJS: 17-06 Cách kiểm tra và update packages trong dự án

ReactJS: 17-05 Code component ProductInfo

ReactJS: 17-05 Code component ProductInfo

ReactJS: 17-04 Custom hook fetch dữ liệu sản phẩm

ReactJS: 17-04 Custom hook fetch dữ liệu sản phẩm

ReactJS: 17-03 Code component ProductThumbnail

ReactJS: 17-03 Code component ProductThumbnail

ReactJS: 17-02 Setup layout cho trang chi tiết sản phẩm

ReactJS: 17-02 Setup layout cho trang chi tiết sản phẩm

ReactJS: 17-01 Giới thiệu trang chi tiết sản phẩm

ReactJS: 17-01 Giới thiệu trang chi tiết sản phẩm

ReactJS: 16-23 Hỗ trợ nút back trên trình duyệt

ReactJS: 16-23 Hỗ trợ nút back trên trình duyệt

ReactJS: 16-22 Đồng bộ filters lên URL

ReactJS: 16-22 Đồng bộ filters lên URL

ReactJS: 16-21 Dùng useMemo() để cải thiện tí xíu

ReactJS: 16-21 Dùng useMemo() để cải thiện tí xíu

ReactJS: 16-20 Code phần hiển thị filters

ReactJS: 16-20 Code phần hiển thị filters

ReactJS: 16-19 Phân tích cách hiển thị filters

ReactJS: 16-19 Phân tích cách hiển thị filters

ReactJS: 16-18 Lọc theo dịch vụ sản phẩm

ReactJS: 16-18 Lọc theo dịch vụ sản phẩm

ReactJS: 16-17 Giao diện lọc khoảng giá

ReactJS: 16-17 Giao diện lọc khoảng giá

ReactJS: 16-16 Lọc theo khoảng giá

ReactJS: 16-16 Lọc theo khoảng giá

ReactJS: 16-15 Giao diện lọc danh mục sản phẩm

ReactJS: 16-15 Giao diện lọc danh mục sản phẩm

ReactJS: 16-14 Lọc theo danh mục sản phẩm

ReactJS: 16-14 Lọc theo danh mục sản phẩm

ReactJS: 16-13 Phân tích cách làm filters

ReactJS: 16-13 Phân tích cách làm filters

ReactJS: 16-12 Sắp xếp theo giá sản phẩm

ReactJS: 16-12 Sắp xếp theo giá sản phẩm

ReactJS: 16-11 Fix giao diện Pagination

ReactJS: 16-11 Fix giao diện Pagination

ReactJS: 16-10 Làm chức năng Pagination

ReactJS: 16-10 Làm chức năng Pagination

ReactJS: 16-09 Format giá sản phẩm theo đơn vị VND

ReactJS: 16-09 Format giá sản phẩm theo đơn vị VND

ReactJS: 16-08 Xử lý thumbnail cho sản phẩm

ReactJS: 16-08 Xử lý thumbnail cho sản phẩm

ReactJS: 16-07 Hiển thị danh sách sản phẩm

ReactJS: 16-07 Hiển thị danh sách sản phẩm

ReactJS: 16-06 Làm skeletons cho danh sách sản phẩm

ReactJS: 16-06 Làm skeletons cho danh sách sản phẩm

ReactJS: 16-05 Viết API lấy danh sách sản phẩm

ReactJS: 16-05 Viết API lấy danh sách sản phẩm

ReactJS: 16-04 Setup layout cho Product Listing

ReactJS: 16-04 Setup layout cho Product Listing

ReactJS: 16-03 Phân tích layout trang Product Listing

ReactJS: 16-03 Phân tích layout trang Product Listing

ReactJS: 16-02 Setup routing cho feature Product

ReactJS: 16-02 Setup routing cho feature Product

ReactJS: 16-01 Giới thiệu về tính năng giỏ hàng

ReactJS: 16-01 Giới thiệu về tính năng giỏ hàng

ReactJS: 15-29 Làm tính năng đăng xuất

ReactJS: 15-29 Làm tính năng đăng xuất

ReactJS: 15-28 Tạo drop down menu cho user icon

ReactJS: 15-28 Tạo drop down menu cho user icon

ReactJS: 15-27 Hiển thị header khi đã đăng nhập

ReactJS: 15-27 Hiển thị header khi đã đăng nhập

ReactJS: 15-26 Khởi tạo redux state từ localStorage

ReactJS: 15-26 Khởi tạo redux state từ localStorage

ReactJS: 15-25 Tạo hằng số cho dự án

ReactJS: 15-25 Tạo hằng số cho dự án

ReactJS: 15-24 Tạo nút chuyển đổi qua lại giữa đăng nhập và đăng ký

ReactJS: 15-24 Tạo nút chuyển đổi qua lại giữa đăng nhập và đăng ký

ReactJS: 15-23 Tạo giao diện cho form đăng nhập

ReactJS: 15-23 Tạo giao diện cho form đăng nhập

ReactJS: 15-22 Setup API đăng nhập

ReactJS: 15-22 Setup API đăng nhập

ReactJS: 15-21 Handle close icon

ReactJS: 15-21 Handle close icon

ReactJS: 15-20 Parse error khi đăng ký thất bại

ReactJS: 15-20 Parse error khi đăng ký thất bại

ReactJS: 15-19 Thông báo thành công

ReactJS: 15-19 Thông báo thành công

ReactJS: 15-18 Hiển thị thông báo với notistack

ReactJS: 15-18 Hiển thị thông báo với notistack

ReactJS: 15-17 Hiển thị loading khi gọi action đăng ký

ReactJS: 15-17 Hiển thị loading khi gọi action đăng ký

ReactJS: 15-16 Fix lỗi import package từ node_modules ra sai link

ReactJS: 15-16 Fix lỗi import package từ node_modules ra sai link

ReactJS: 15-14 Tạo async action: register()

ReactJS: 15-14 Tạo async action: register()

ReactJS: 15-15 Sử dụng async action trên component như thế nào?

ReactJS: 15-15 Sử dụng async action trên component như thế nào?

ReactJS: 15-13 Setup userSlice

ReactJS: 15-13 Setup userSlice

ReactJS: 15-12 Setup API đăng ký

ReactJS: 15-12 Setup API đăng ký

ReactJS: 15-11 Validation: Retype Password

ReactJS: 15-11 Validation: Retype Password

ReactJS: 15-10 Validation: Password

ReactJS: 15-10 Validation: Password

ReactJS: 15-09 Validation: Email

ReactJS: 15-09 Validation: Email

ReactJS: 15-08 Validation: Full Name

ReactJS: 15-08 Validation: Full Name

ReactJS: 15-07 Tạo custom field: PasswordField

ReactJS: 15-07 Tạo custom field: PasswordField

ReactJS: 15-06 Style cho form đăng ký

ReactJS: 15-06 Style cho form đăng ký

ReactJS: 15-05 Setup form đăng ký

ReactJS: 15-05 Setup form đăng ký

ReactJS: 15-04 Tạo dialog để hiển thị form đăng ký

ReactJS: 15-04 Tạo dialog để hiển thị form đăng ký

ReactJS: 15-03 Gắn link vào menu item trên header

ReactJS: 15-03 Gắn link vào menu item trên header

ReactJS: 15-02 Làm giao diện thanh header

ReactJS: 15-02 Làm giao diện thanh header

ReactJS: 15-01 Giới thiệu module Auth

ReactJS: 15-01 Giới thiệu module Auth

NextJS: 03-06 Integrate API for Login Page

NextJS: 03-06 Integrate API for Login Page

NextJS: 03-05 Xử lý cho login / logout requests

NextJS: 03-05 Xử lý cho login / logout requests

NextJS: 03-04 Proxy requests to API server 🚀

NextJS: 03-04 Proxy requests to API server 🚀

Tanstack Query 12: Short Polling

Tanstack Query 12: Short Polling

NextJS: 03-03 Làm quen với APIs login / get profile

Tanstack Query 11: Setup Pages

Tanstack Query 11: Setup Pages

NextJS: 03-02 Tạo API đơn giản với NextJS 🚀

NextJS: 03-02 Tạo API đơn giản với NextJS 🚀

Tanstack Query 10: Dependent Query

Tanstack Query 10: Dependent Query

NextJS: 03-01 Authentication với NextJS 🎉

NextJS: 03-01 Authentication với NextJS 🎉

Tanstack Query 09: Query Key

Tanstack Query 09: Query Key

NextJS: 02-11 Setup nhiều dạng layout trong NextJS 🔥

NextJS: 02-11 Setup nhiều dạng layout trong NextJS 🔥

Tanstack Query 08: Simple Query

Tanstack Query 08: Simple Query

NextJS: 02-10 ISR - Incremental Static Regeneration 🚀

NextJS: 02-10 ISR - Incremental Static Regeneration 🚀

Tanstack Query 07: Project Setup

Tanstack Query 07: Project Setup

NextJS: 02-09 Server Side Rendering with cache 🔥

NextJS: 02-09 Server Side Rendering with cache 🔥

Tanstack Query 06: Project Structure

Tanstack Query 06: Project Structure

NextJS: 02-08 SSG and Data Fetching on client side

NextJS: 02-08 SSG and Data Fetching on client side

Tanstack Query 05: Important Defaults

Tanstack Query 05: Important Defaults

Tanstack Query 04: Setup Query Client Provider

Tanstack Query 04: Setup Query Client Provider

Tanstack Query 03: State Management

Tanstack Query 03: State Management

Tanstack Query 02 - Setup Environment

Tanstack Query 02 - Setup Environment

Tanstack Query 01 - Series overview

Tanstack Query 01 - Series overview

NextJS: 02-07 SSG getStaticPaths with typescript

NextJS: 02-07 SSG getStaticPaths with typescript

Mừng fan cứng tròn 2 tuổi 06/2023 🎉

Mừng fan cứng tròn 2 tuổi 06/2023 🎉

NextJS: 02-06 SSG getStaticProps with typescript

NextJS: 02-06 SSG getStaticProps with typescript

ReactJS: 14-04 SCSS + BEM

ReactJS: 14-04 SCSS + BEM

ReactJS: 14-07 Material styles

ReactJS: 14-07 Material styles

ReactJS: 14-06 Styled component

ReactJS: 14-06 Styled component

ReactJS: 14-05 CSS Module

ReactJS: 14-05 CSS Module

ReactJS: 14-03 CSS styles

ReactJS: 14-03 CSS styles

ReactJS: 14-02 Inline styles

ReactJS: 14-02 Inline styles

ReactJS: 14-01 Cách khác nhau để styles cho component

ReactJS: 14-01 Cách khác nhau để styles cho component

ReactJS: 13-09 Xử lý relative import với jsconfig

ReactJS: 13-09 Xử lý relative import với jsconfig

ReactJS: 13-08 Debug Redux dễ dàng với Redux DevTool

ReactJS: 13-08 Debug Redux dễ dàng với Redux DevTool

ReactJS: 13-07 Kết nối Redux từ component

ReactJS: 13-07 Kết nối Redux từ component

ReactJS: 13-06 Setup Redux Store

ReactJS: 13-06 Setup Redux Store

ReactJS: 13-05 Setup counterSlice

ReactJS: 13-05 Setup counterSlice

ReactJS: 13-04 Ví dụ sử dụng Redux Toolkit

ReactJS: 13-04 Ví dụ sử dụng Redux Toolkit

ReactJS: 13-03 Dùng Redux đơn giản hơn với Redux Toolkit

ReactJS: 13-03 Dùng Redux đơn giản hơn với Redux Toolkit

ReactJS: 13-02 Một ví dụ đơn giản về Redux

ReactJS: 13-02 Một ví dụ đơn giản về Redux

ReactJS: 13-01 Tổng quan về Redux

ReactJS: 13-01 Tổng quan về Redux

ReactJS: 12-07 Handle form submit

ReactJS: 12-07 Handle form submit

ReactJS: 12-06 Làm form validation với Yup

ReactJS: 12-06 Làm form validation với Yup

ReactJS: 12-05 Tạo custom field InputField

ReactJS: 12-05 Tạo custom field InputField

ReactJS: 12-04 Cài đặt TodoForm

ReactJS: 12-04 Cài đặt TodoForm

ReactJS: 12-03 Cách tổ chức Form Module

ReactJS: 12-03 Cách tổ chức Form Module

ReactJS: 12-02 Giới thiệu React Hook Form API

ReactJS: 12-02 Giới thiệu React Hook Form API

ReactJS: 12-01 Chọn thư viện quản lý form

ReactJS: 12-01 Chọn thư viện quản lý form

ReactJS: 11-04 Demo gọi API để lấy dữ liệu

ReactJS: 11-04 Demo gọi API để lấy dữ liệu

ReactJS: 11-03 Cài đặt categoryApi

ReactJS: 11-03 Cài đặt categoryApi

ReactJS: 11-02 Cài đặt axiosClient

ReactJS: 11-02 Cài đặt axiosClient

ReactJS: 11-01 Giới thiệu API Module

ReactJS: 11-01 Giới thiệu API Module

ReactJS: 10-02 Cài đặt thư viện Material UI v4

ReactJS: 10-02 Cài đặt thư viện Material UI v4

Redux Saga: 25 - Hack não với saga của dashboard 😜

Redux Saga: 25 - Hack não với saga của dashboard 😜

ReactJS: 10-01 Config Prettier đơn giản

ReactJS: 10-01 Config Prettier đơn giản

ReactJS: 09-11 Đồng bộ state lên URL

ReactJS: 09-11 Đồng bộ state lên URL

ReactJS: 09-10 Sync filters to URL params

ReactJS: 09-10 Sync filters to URL params

ReactJS: 09-09 Handle trường hợp Not Found

ReactJS: 09-09 Handle trường hợp Not Found

AMA cùng Easy Frontend 11/2022 🎉

AMA cùng Easy Frontend 11/2022 🎉

ReactJS: 09-08 Nested routing

ReactJS: 09-08 Nested routing

ReactJS: 09-07 Routing hooks

ReactJS: 09-07 Routing hooks

Easy Frontend Offline 11/2022

Easy Frontend Offline 11/2022

ReactJS: 09-06 Tạo redirect rule với Redirect

ReactJS: 09-06 Tạo redirect rule với Redirect

ReactJS: 09-05 Giới thiệu về route matching

ReactJS: 09-05 Giới thiệu về route matching

ReactJS: 09-04 Phân biệt Route và Switch

ReactJS: 09-04 Phân biệt Route và Switch

ReactJS: 09-03 Phân biệt Link và NavLink

ReactJS: 09-03 Phân biệt Link và NavLink

ReactJS: 09-02 Tạo routing cho từng feature

ReactJS: 09-02 Tạo routing cho từng feature

ReactJS: 09-01 Tổng quan về routing

ReactJS: 09-01 Tổng quan về routing

ReactJS: 07-06 Fix lỗi setState() khi component unmount()

ReactJS: 07-06 Fix lỗi setState() khi component unmount()

ReactJS: 07-05 componentDidUpdate()

ReactJS: 07-05 componentDidUpdate()

ReactJS: 07-04 componentWillUnmount()

ReactJS: 07-04 componentWillUnmount()

ReactJS: 07-03 componentDidMount()

ReactJS: 07-03 componentDidMount()

AMA cùng Easy Frontend 10/2022 🎉

AMA cùng Easy Frontend 10/2022 🎉

ReactJS: 07-02 constructor()

ReactJS: 07-02 constructor()

ReactJS: 07-01 Tổng quan về các life cycles

ReactJS: 07-01 Tổng quan về các life cycles

ReactJS: 06-04 Props vs State

ReactJS: 06-04 Props vs State

ReactJS: 06-03 Lab: Filter Todo

ReactJS: 06-03 Lab: Filter Todo

ReactJS: 06-02 Active Todo

ReactJS: 06-02 Active Todo

ReactJS: 06-01 State là gì?

ReactJS: 06-01 State là gì?

ReactJS: 05-06 AlbumList

ReactJS: 05-06 AlbumList

ReactJS: 05-05 TodoList

ReactJS: 05-05 TodoList

ReactJS: 05-04 Folder structure

ReactJS: 05-04 Folder structure

ReactJS: 05-03 Render element in ReactJS

ReactJS: 05-03 Render element in ReactJS

ReactJS: 05-02 Props type checking

ReactJS: 05-02 Props type checking

ReactJS: 05-01 Props là gì? Composition là gì?

ReactJS: 05-01 Props là gì? Composition là gì?

ReactJS: 04-07 Phân tích cây component 3

ReactJS: 04-07 Phân tích cây component 3

ReactJS: 04-06 Phân tích cây component 2

ReactJS: 04-06 Phân tích cây component 2

ReactJS: 04-05 Phân tích cây component 1

ReactJS: 04-05 Phân tích cây component 1

ReactJS: 04-04 Container và Presentational component

ReactJS: 04-04 Container và Presentational component

ReactJS: 04-03 Component - Trung tâm vũ trụ của ReactJS

ReactJS: 04-03 Component - Trung tâm vũ trụ của ReactJS

React JS: 04-02 ReactDOM.render( )

React JS: 04-02 ReactDOM.render( )

ReactJS: 04-01 JSX - Cú pháp được sử dụng trong ReactJS

ReactJS: 04-01 JSX - Cú pháp được sử dụng trong ReactJS

ReactJS: 03-05 Cấu hình auto deploy với Vercel

ReactJS: 03-05 Cấu hình auto deploy với Vercel

ReactJS: 03-04 Push code lần đầu trên Github

ReactJS: 03-04 Push code lần đầu trên Github

ReactJS: 03-03 Thêm SSH key vào tài khoản Github

ReactJS: 03-03 Thêm SSH key vào tài khoản Github

ReactJS: 03-02 Tạo SSH key dưới local

ReactJS: 03-02 Tạo SSH key dưới local

ReactJS: 03-01 Hai cách khác nhau để clone một Github repository

ReactJS: 03-01 Hai cách khác nhau để clone một Github repository

ReactJS: 02-04 Cấu trúc folder của ReactJS

ReactJS: 02-04 Cấu trúc folder của ReactJS

ReactJS: 02-03 Tạo ReactJS project với CRA

ReactJS: 02-03 Tạo ReactJS project với CRA

ReactJS: 02-02 Cài đặt và cấu hình cho Git

ReactJS: 02-02 Cài đặt và cấu hình cho Git

ReactJS: 02-01 Cài đặt và cấu hình cho VSCode

ReactJS: 02-01 Cài đặt và cấu hình cho VSCode

ReactJS: 01-02 Bốn cách khác nhau để code ReactJS

ReactJS: 01-02 Bốn cách khác nhau để code ReactJS

ReactJS: 01-01 React là gì?

ReactJS: 01-01 React là gì?

ReactJS: Giới thiệu nội dung của series

ReactJS: Giới thiệu nội dung của series

AMA cùng Easy Frontend 07/2022 🎉

AMA cùng Easy Frontend 07/2022 🎉

AMA cùng Easy Frontend 07/2022 🎉

AMA cùng Easy Frontend 07/2022 🎉

NextJS: 02-05 Automatic Static Optimization

NextJS: 02-05 Automatic Static Optimization

NextJS: 02-04 SSG, SSR, CSR and ISR 🤣

NextJS: 02-04 SSG, SSR, CSR and ISR 🤣

Test nhanh background mới 🤣

Test nhanh background mới 🤣

Chém gió sau đám cưới 03/2022 🎉

Chém gió sau đám cưới 03/2022 🎉

Khi hai ta về một nhà - Văn Hậu ❤️ Hoài Phong - 13/01/2022

Khi hai ta về một nhà - Văn Hậu ❤️ Hoài Phong - 13/01/2022

Chém gió không chủ đề 01/2022 🎉

Chém gió không chủ đề 01/2022 🎉

Chém gió không chủ đề 12/2021 🎉

Chém gió không chủ đề 12/2021 🎉

Javascript: 08-04 Duyệt keys của object

Javascript: 08-04 Duyệt keys của object

Javascript: 08-05 Bài tập làm quen object

Javascript: 08-05 Bài tập làm quen object

Javascript: 08-03 Thao tác cơ bản với object

Javascript: 08-03 Thao tác cơ bản với object

Javascript: 08-02 Tham trị và tham chiếu

Javascript: 08-02 Tham trị và tham chiếu

Javascript: 08-01 Tổng quan về object

Javascript: 08-01 Tổng quan về object

Javascript: 07-10 Bài tập truncate

Javascript: 07-10 Bài tập truncate

Javascript: 07-09 Bài tập parameterize

Javascript: 07-09 Bài tập parameterize

Javascript: 07-08 Bài tập includes

Javascript: 07-08 Bài tập includes

Javascript: 07-07 Bài tập capitalize

Javascript: 07-07 Bài tập capitalize

Javascript: 07-06 Split và Join

Javascript: 07-06 Split và Join

Javascript: 07-05 Tìm kiếm và thay thế

Javascript: 07-05 Tìm kiếm và thay thế

Javascript: 07-04 Các cách để lấy substring

Javascript: 07-04 Các cách để lấy substring

Javascript: 07-03 Thao tác cơ bản với string

Javascript: 07-03 Thao tác cơ bản với string

Javascript: 07-02 Primitive wrapper object: String

Javascript: 07-02 Primitive wrapper object: String

Javascript: 07-01 Tổng quan về string

Javascript: 07-01 Tổng quan về string