Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
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á

149 học viên

  • hajoeun
3시간 만에 완강할 수 있는 강의 ⏰
마이그레이션
nextjs
Next.js
React
vitejs

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

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

  • 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,053

Học viên

80

Đánh giá

45

Trả lời

4.8

Xếp hạng

3

Các khóa học

마플, 뱅크샐러드 거쳐 현재는 당근에서 프론트엔드 엔지니어로 일하고 있습니다.

 

"난 네가 필요해", "너의 존재가 나에게 힘이 돼"라는 말을 좋아합니다. 이웃의 필요를 채워주고 힘이 되어 주는 것, 그게 사랑이라고 믿습니다. 좋은 강의로 여러분의 필요를 채우고 힘이 되어드릴 수 있도록 노력하겠습니다.

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á

  • jack님의 프로필 이미지
    jack

    Đánh giá 7

    Đánh giá trung bình 4.4

    5

    100% đã tham gia

    정말 이해가 잘되는 강의에요. 2부도 역시 감사합니다 !!

    • 정효성님의 프로필 이미지
      정효성

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      91% đã tham gia

      2부도 정말 좋네요 화이팅입니다!

      • 스타현이님의 프로필 이미지
        스타현이

        Đánh giá 34

        Đánh giá trung bình 4.9

        5

        100% đã tham gia

        Next.js의 은총알이 되는 강의입니다. 덕분에 많이 배웠어요!

        • 헤욤이님의 프로필 이미지
          헤욤이

          Đánh giá 2

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          처음에는 '1탄 들었으니 2탄도 함 들어 봐야지~'라는 생각으로 가볍게 수강을 시작했습니다. 그런데 듣다 보니, 제가 만든 리액트 프로젝트도 넥스트로 꼭 마이그레이션 해 보고 싶다는 생각이 들었습니다ㅎㅎ 개발 라이프에 활력을 더해주는 좋은 강의였습니다!

          • 코딩의성님의 프로필 이미지
            코딩의성

            Đánh giá 10

            Đánh giá trung bình 4.7

            2

            31% đã tham gia

            분량에 비해 가격이 비싼것 같습니다 ㅜ

            596.978 ₫

            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!