강의

멘토링

커뮤니티

Programming

/

Front-end

Next.js trong tầm tay bạn - Di chuyển

Di chuyển từ React sang Next.js 14 và tìm hiểu sự khác biệt giữa React và Next.js. Bạn có thể hiểu Next.js sâu hơn!

(4.4) 5 đánh giá

151 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

  • hajoeun
Next.js
Next.js
React
React
vitejs
vitejs
Next.js
Next.js
React
React
vitejs
vitejs

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.4

5.0

jack

100% đã tham gia

Đây thực sự là một bài giảng dễ hiểu. Cảm ơn bạn vì phần 2 nữa!!

5.0

정효성

91% đã tham gia

Phần 2 cũng hay lắm, chúc bạn thành công!

5.0

스타현이

100% đã tham gia

Khóa học này là viên đạn bạc cho Next.js. Nhờ bạn mà tôi đã học được rất nhiều điều!

Bạn sẽ nhận được điều này sau khi học.

  • Chuyển đổi dịch vụ bắt đầu bằng React sang Next.js

  • Chuyển đổi Bộ định tuyến React thành Bộ định tuyến ứng dụng

  • Tìm hiểu cấu hình Next.js 14

Di chuyển từ React.js sang Next.js,
Bạn cũng có thể làm được!

Học Next.js bằng cách so sánh

Vận hành một dịch vụ với React thường yêu cầu chuyển đổi sang Next.js. Mặc dù việc chuyển đổi có thể phức tạp và đầy thách thức, nhưng nó cũng mang đến cơ hội để hiểu sâu hơn về dịch vụ của bạn. Bài giảng này, dưới dạng chuyển đổi, sẽ cung cấp cơ hội để học các kỹ năng mới bằng cách so sánh React và Next.js. #React, #Next.js, #next.js, #next, #vitejs

Những gì bạn sẽ nhận được từ khóa học này

  • Bạn sẽ có thể hiểu được các cài đặt mặc định được sử dụng trong Next.js, cũng như các cài đặt TypeScript và ESLint.

  • Create React App cho phép bạn di chuyển các ứng dụng React được tạo bằng Vite sang Next.js.


  • Bạn sẽ hiểu được sự khác biệt giữa React và Next.js trong quá trình di chuyển.


Bạn sẽ học được gì?

1. Đọc cài đặt Next.js

Đọc các tệp next.config.js , tsconfig.json , .eslintrc.jsonpackage.json có trong cài đặt mặc định của ứng dụng Next.js. Điều này sẽ giúp bạn hiểu các cài đặt cần thiết cho việc di chuyển và hiểu sâu hơn về Next.js.

Chúng ta hãy cùng nhau đọc các cài đặt khác nhau

2. Di chuyển từ Vite

Di chuyển ứng dụng React được xây dựng bằng Vite sang Next.js bằng cách làm theo hướng dẫn trong tài liệu chính thức của Next.js. Điều này sẽ giúp bạn hiểu rõ sự khác biệt về cấu hình giữa Vite và Next.js, cũng như giữa React và Next.js.

Bắt đầu với Vite và chuyển sang Next.js

3. Di chuyển từ Create React App

Chúng ta sẽ di chuyển một ứng dụng React được tạo bằng CRA (create-react-app), một công cụ được sử dụng khi mới bắt đầu với React, sang Next.js. Chúng ta cũng sẽ khám phá sự khác biệt giữa các ứng dụng được tạo bằng Vite, giúp bạn hiểu sâu hơn về React và Next.js.

Bắt đầu với CRA và chuyển sang Next.js

4. Di chuyển từ React Router

Hãy thay thế React Router, thư viện định tuyến React được sử dụng rộng rãi nhất, bằng App Router. Bạn sẽ hiểu được sự khác biệt giữa các phương thức định tuyến và có được kinh nghiệm thực tế với định tuyến dựa trên hệ thống tệp, thành phần máy chủ và thành phần máy khách của Next.js.

Bộ định tuyến React tới Bộ định tuyến ứng dụng

Những điều cần lưu ý trước khi tham gia khóa học

Môi trường thực hành

  • Hệ điều hành và môi trường: macOS, Node.js 20.10.0

  • Công cụ được sử dụng: VSCode

  • Dịch vụ được sử dụng: Vercel , FakeStoreAPI

Tài liệu học tập

Trước khi tham gia bài giảng này

Bài giảng liên quan

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

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

  • Những người sắp bắt tay vào dự án di cư đầu tiên của họ

  • Những người muốn chuyển React sang Next.js

  • Những người muốn hiểu sự khác biệt giữa React và Next.js

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

  • Phản ứng

  • Bản đánh máy

Xin chào
Đây là

1,073

Học viên

83

Đánh giá

47

Trả lời

4.8

Xếp hạng

3

Các khóa học

Sau khi trải qua Marpple và BankSalad, hiện tại tôi đang làm việc với tư cách là kỹ sư Frontend tại Karrot.

Tôi thích những câu nói như "Tôi cần bạn" hay "Sự hiện diện của bạn tiếp thêm sức mạnh cho tôi". Tôi tin rằng tình yêu chính là việc lấp đầy những nhu cầu và trở thành nguồn động lực cho những người xung quanh. Tôi sẽ nỗ lực để mang đến những bài giảng chất lượng, giúp đáp ứng nhu cầu và tiếp thêm sức mạnh cho các bạn.

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

Tất cả

32 bài giảng ∙ (1giờ 43phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

5 đánh giá

4.4

5 đánh giá

  • qkdwogns988090님의 프로필 이미지
    qkdwogns988090

    Đánh giá 7

    Đánh giá trung bình 4.4

    5

    100% đã tham gia

    Đây thực sự là một bài giảng dễ hiểu. Cảm ơn bạn vì phần 2 nữa!!

    • skgyaos35481님의 프로필 이미지
      skgyaos35481

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      91% đã tham gia

      Phần 2 cũng hay lắm, chúc bạn thành công!

      • dohyun0505님의 프로필 이미지
        dohyun0505

        Đánh giá 35

        Đánh giá trung bình 4.9

        5

        100% đã tham gia

        Khóa học này là viên đạn bạc cho Next.js. Nhờ bạn mà tôi đã học được rất nhiều điều!

        • khy21062423님의 프로필 이미지
          khy21062423

          Đánh giá 2

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Lúc đầu, tôi bắt đầu tham gia khóa học một cách nhẹ nhàng với suy nghĩ “Mình đã nghe Phần 1 nên cũng nên nghe Phần 2”. Nhưng khi nghe, tôi nhận ra rằng tôi thực sự muốn chuyển dự án React mà tôi đã tạo sang NeXT. Đó là một bài giảng tuyệt vời đã tiếp thêm sức sống cho quá trình phát triển của tôi!

          • codingcastle님의 프로필 이미지
            codingcastle

            Đánh giá 10

            Đánh giá trung bình 4.7

            2

            31% đã tham gia

            Giá có vẻ đắt so với số lượng.

            587.800 ₫

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

            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!