강의

멘토링

로드맵

NEW
Programming

/

Web Development

React bắt đầu với Next.js

Bắt đầu React với framework Next.js! Hãy cùng phát triển những ví dụ thiết yếu cần thiết cho việc phát triển trong thực tế bằng cách tóm tắt chúng lại. Ví dụ Todo rất quan trọng nên chúng ta phải phát triển 2 lần. Một lần tập trung vào component, lần tiếp theo tập trung vào routing được xử lý theo đường dẫn của trình duyệt! Đăng nhập hãy sử dụng zustand! Có thể xử lý trạng thái toàn cục với lượng code thực sự ít ỏi.

(5.0) 2 đánh giá

54 học viên

  • zk202308a5410
예제중심
react19
next.js15
신입프론트엔드
웹개발
JavaScript
React
Next.js
Ajax
Web Application

Dịch cái này sang tiếng Việt

  • Cách cấu thành component và component

  • Trạng thái (state) và thuộc tính (props) của component

  • Ứng dụng React tích hợp với API server

  • Xử lý routing sử dụng Next.js

Bây giờ hãy bắt đầu với React như một framework!

React đang chuyển từ giai đoạn sử dụng thư viện sang giai đoạn sử dụng framework.


Hãy học Next.js ngay từ khi bắt đầu!

  • Next.js hỗ trợ cả client component hoạt động trên trình duyệt và server component hoạt động trên máy chủ.

  • Những người mới bắt đầu học nên ưu tiên học về client component trước, sau đó mới học về server component.


Học thông qua các ví dụ!

  • 'Trăm lần nghe không bằng một lần thấy' và 'trăm lần thấy không bằng một lần thực hành'.

  • Chỉ cần biến đổi một ví dụ đơn giản theo nhiều cách khác nhau cũng đã giúp học được rất nhiều.

  • Cần phải học know-how thay vì kiến thức thông qua các ví dụ.


Bắt đầu với Easygoing React một cách dễ dàng!

  • Ban đầu bắt đầu với JavaScript cũng không sao.

  • Lúc đầu bạn bắt đầu mà không có thiết kế cũng không sao.

  • Ban đầu bạn có thể bắt đầu từ một cấu trúc đã hoàn thiện cũng được.

Nội dung học tập

  • Tìm hiểu xem component là gì.

  • Tìm hiểu về thuộc tính/trạng thái của component.

  • Chúng ta sẽ tạo tính năng tích hợp với các dịch vụ bên ngoài.

  • Quản lý trạng thái bằng Zustand là xu hướng hiện tại

Phần (1) Môi trường phát triển

Thiết lập môi trường phát triển và chạy ứng dụng sử dụng Next.js

Khi sử dụng Next.js, bạn có thể phát triển trong trạng thái mà tất cả các cài đặt cơ bản của dự án đã được hoàn thành.

Phần (2) Component! Component! Component!

Viết các chức năng mong muốn bằng component.

Làm thế nào để chia nhỏ component?

Làm thế nào để thực hiện giao tiếp giữa các component?

Hãy cùng học các cú pháp JavaScript cơ bản cần thiết để thực hiện.

Áp dụng thiết kế cho ví dụ Todo đầu tiên bằng cách sử dụng AI.

Phần (3) Container và Presentation

Nếu nhiều component cần giao tiếp với nhau để tạo ra kết quả thì sao?

  • Trạng thái của component

  • Thuộc tính của component

  • Mảng và filter trong JavaScript

  • Destructuring assignment

  • Toán tử spread

Phần (4) Todo được xử lý định tuyến

Để tạo ra một ví dụ thực tế hơn, chúng ta cần 'Routing (Định tuyến)' để tạo ra màn hình phù hợp với thanh địa chỉ của trình duyệt.


  • Next.js cung cấp routing như một tính năng cơ bản.

  • Next.js cũng cung cấp layout như một tính năng cơ bản.

  • Hãy tạo thói quen sử dụng Fetch API.

  • Hãy tìm hiểu lý do tại sao chỉ nên sử dụng.


Phần (5) Hãy cùng sử dụng Zustand.

Zustand là thư viện quản lý trạng thái toàn cục phổ biến nhất trong thực tế. Chỉ với vài dòng code là có thể quản lý trạng thái toàn cục.

  • Bạn cũng có thể lưu trữ kết quả trong localStorage.

  • Cách sử dụng đơn giản hơn so với các thư viện khác.

Đây là khóa học dành cho người mới bắt đầu với React.

Đây là khóa học nhập môn dành cho những ai muốn học React.

  • Bạn cần biết cách khai báo biến trong JavaScript.

  • Chúng ta cần tìm hiểu về câu lệnh điều khiển và câu lệnh lặp.

  • Bạn cần phải hiểu về hàm và mảng.

  • Bạn cần có kinh nghiệm xử lý sự kiện bằng HTML và JS trong trình duyệt.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người muốn thử React lần đầu tiên

  • Người mới bắt đầu với Next.js

  • Người muốn học nhanh các khái niệm của React

Cần biết trước khi bắt đầu?

  • Kiến thức cơ bản về JavaScript (biến, câu lệnh điều khiển, mảng, hàm)

Xin chào
Đây là

1,996

Học viên

130

Đánh giá

263

Trả lời

4.8

Xếp hạng

5

Các khóa học

구멍가게코딩단은 2015년부터 개발과 관련된 직종의 사람들의 모임을 위해 만들어진 커뮤니티입니다.

강의의 진행은 현재 구멍가게 코딩단을 운영하고 있는 쿠키 담당자가 진행하고 있습니다.

2015년 부터 '코드로 배우는 ..' 시리즈를 집필하고 있습니다.

ㄴ네이버 카페

 

Chương trình giảng dạy

Tất cả

37 bài giảng ∙ (8giờ 7phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

2 đánh giá

5.0

2 đánh giá

  • moomgyucha8486님의 프로필 이미지
    moomgyucha8486

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    32% đã tham gia

    • wtkim님의 프로필 이미지
      wtkim

      Đánh giá 24

      Đánh giá trung bình 5.0

      5

      32% đã tham gia

      Ưu đãi có thời hạn

      8 ₫

      50%

      417.726 ₫

      Khóa học khác của zk202308a5410

      Hãy khám phá các khóa học khác của giảng viên!

      Khóa học tương tự

      Khám phá các khóa học khác trong cùng lĩnh vực!