Tạo blog riêng của bạn bằng React (MERN Stack)

Tháng 6 năm 2024 sẽ là những ngày vô cùng nắng nóng không giống bất kỳ tháng 6 nào khác. Các bạn đang học tập chăm chỉ phải không? Hoặc bạn hiện đang làm công việc hiện tại?

Tôi sẽ xuất bản một bài giảng về 'Hướng dẫn phát triển Node FullStack (tổng cộng 3 phần)' vào khoảng cuối năm 2023, tạo một bài giảng mới bằng ngôn ngữ mới và bắt đầu tạo nền tảng của riêng mình để trực tiếp phục vụ nó.

Ngôn ngữ mới đó đúng đấy~~~!!!

Rust nổi tiếng mà các nhà phát triển muốn học điều gì đó mới mỗi năm.

Điều gì đã xảy ra khi tôi chuyển đến Rust, nơi được biết đến là nơi khó khăn?

Vì các chuyên gia JavaScript nâng cao đã thiết lập hệ sinh thái nên việc tìm hiểu và phát triển web bằng cách sử dụng một khung mới sẽ dễ dàng hơn (?) hơn mong đợi.

Framework tôi sử dụng có tên là 'Leptos' và cá nhân tôi nghĩ nó là hoàn thiện nhất ở thời điểm hiện tại và tôi nghĩ nó sẽ đạt đến cấp độ tương tự như React (mặc dù React không phải là framework) và NextJS~~~

Ngoài ra, web framework của Rust được coi là framework dẫn đầu sự phát triển đẳng cấu mà NextJS đang theo đuổi.

Nhưng... nếu bạn phát triển nó, bạn phát triển nó. Tại sao bạn lại công bố nó như một tin tức!!!

Nói chung, khi phát triển bằng Node , bạn bắt đầu với JavaScript và chuyển sang TypeScript .

Tôi viết tin này để khuyên bạn không nên bận tâm đến việc học TypeScript, nó không có lợi thế về hiệu suất nào ngoài lợi ích của các loại (cộng tác, tính đồng nhất, khả năng dự đoán, v.v.), mà thay vào đó hãy tìm hiểu Rust và thử phát triển web với Web Assembly thông qua nỗ lực đó .

Tính đến tháng 6 năm 2024, hầu như không có sách hay bài giảng nào nên sẽ có một bất lợi lớn là bạn chỉ phải học từ các tài liệu và ví dụ leptos từ GitHub. Tuy nhiên, khi đã quen, bạn sẽ học được tính đồng nhất của mã do Rust's. độ nghiêm ngặt kiểu duy nhất Bạn sẽ bị ấn tượng bởi tốc độ tương đương với C và C++. (Tại thời điểm này, Chat GPT-4o chưa biết nhiều về leptos...ㅠㅠ)

Sau khi phát triển xong nền tảng, tất nhiên tôi sẽ chuẩn bị một khóa học lắp ráp web thông qua leptos. Trước hết, bài giảng sẽ bao gồm hai phần.

1. Bài giảng CRUD cơ bản qua leptos

2. Tạo blog của riêng bạn với leptos (Tạo blog của riêng bạn với phiên bản Rust của React)

Nhưng phải mất ít nhất 1-2 năm mới chuẩn bị được điều này haha.

Vì vậy, thay vì bài giảng không đầy đủ của tôi, nếu bạn đã học JavaScript ở một mức độ nhất định, hãy thử Rust. Đây là bài viết mà tôi muốn giới thiệu trước tiên về sự hấp dẫn của Rust khi phát triển nó với leptos.

[Tóm tắt 1 dòng] Nếu bạn đã học JavaScript, hãy học Rust chứ không phải TypeScript!!! Nó dễ dàng hơn bạn nghĩ ~~~ ^^

※ Kho lưu trữ Git kể từ tháng 6 năm 2024 (độ đầy đủ 20%)

※ (Tham khảo) Đồng thời nghiên cứu vảy Nix. Nó giống như ảo hóa Python và nix Flake khái quát hóa nó.

Việc phát hành phiếu giảm giá lộ trình 'Hướng dẫn phát triển Node FullStak' đã bắt đầu.

Các bài giảng 'Hướng dẫn phát triển Web Colini (Phần 1 / dành cho người mới bắt đầu)', 'Hướng dẫn phát triển Node FullStack (Phần 2 / dành cho người mới bắt đầu)' và 'Hướng dẫn triển khai Terraform (Phần 3 / dành cho giảng viên trước và người dùng trung cấp)' tập hợp ở một nơi .

Chúng tôi đã đưa ra lộ trình có tên ‘Lộ trình phát triển Node FullStack, từ A đến Z’ .

Là một bài giảng về phát triển microservice, bài giảng được cấu trúc sao cho người mới bắt đầu đến người ở trình độ trung cấp có thể tham gia khóa học theo sở thích của họ.

Việc tham gia vào lộ trình này là miễn phí và phiếu giảm giá 20% cho ba bài giảng sẽ được cấp khi tham gia.

Không có giới hạn thời gian nên nếu bạn quan tâm, vui lòng tham gia bất cứ lúc nào ~~~ ^^

※ Địa chỉ lộ trình: https://www.inflearn.com/roadmaps/731

Chúng tôi cũng đã mở một Instagram. Chúng tôi dự định đăng tin tức phát triển và cuộc sống hàng ngày, vì vậy hãy thích, theo dõi và thả tim ~~~ ^^

※ Địa chỉ Instagram: https://www.instagram.com/ssaplecode

‘Hướng dẫn triển khai Terraform’

• Chỉ cần lưu mã của bạn trong Git

• Mã Terraform chạy tự động thông qua Git Action

• Trong 'Hướng dẫn phát triển Node FullStack', hãy thay đổi ứng dụng được tạo bằng Docker thành trạng thái sản phẩm.

• Tìm hiểu cách triển khai lên Azure

Nếu bạn khao khát một phương thức phân phối , 2023.11.30. Hãy mua trong thời gian khuyến mãi đặt mua sớm kéo dài đến tận bây giờ~~!!!

Địa chỉ mua hàng: https://inf.run/2GAGp

※ Xin lưu ý rằng loạt bài 'Node FullStack Development' (tổng cộng 3 phần) mới phát hành cũng sẽ được hướng dẫn theo lộ trình ^^

Đã lâu lắm rồi kể từ lần cuối tôi chào bạn. (Xin lỗi vì lâu rồi không chào hỏi được 😭 )

Cuối cùng~~!!! Tôi trở lại với bài giảng mới sau 3 năm.

Tên là ‘Hướng dẫn phát triển Node FullStack’ và nó bao gồm ba phần.

Giới thiệu ngắn gọn bài giảng:

1. Hướng dẫn phát triển web Colini (Phần 1) <Bài giảng>

   1. Bài giảng dành cho người mới bắt đầu hoàn chỉnh (nghiên cứu Html, CSS, Javascript, React)

2. Hướng dẫn phát triển Node FullStack (Phần 2) <Lecture Jump>

   1. Khóa học này dành cho những người đã vượt quá trình độ mới bắt đầu.

   2. Hãy tạo một trung tâm mua sắm bằng cách triển khai Docker, Nginx, Postgresql, SNS login và Kakao Pay.

   3. Chúng tôi tiến hành từ quá trình phát triển đến hoàn thiện cuối cùng bằng Docker.

3. Hướng dẫn triển khai Terraform <Bài giảng nhảy>

   1. Khóa học này dành cho những người biết cách triển khai web bằng React.

   2. Chúng tôi vận hành Kubernetes bằng Terraform, công nghệ triển khai mới nhất.

   3. Đây là giai đoạn phân phối trung tâm mua sắm được tạo ở Phần 2. Chúng tôi đã thực hiện nó để bạn có thể tham gia khóa học một cách độc lập mà không cần phải nghe Phần 2.

Ưu đãi giảm giá 30% cho người đặt sớm chỉ áp dụng trong một tháng (31/10 - 30/11).

Đừng bỏ lỡ các khoản giảm giá tiếp theo vì chúng không được bao gồm trong khoản giảm giá cơ bản 10% khi mua mức giảm giá hoặc lộ trình chính thức của Infrun.

Có nhiều thay đổi khi Reac-router-dom đã được nâng cấp lên phiên bản 6.

Bài giảng này được biên soạn dựa trên phiên bản 5 nên khi cài đặt

npm i react-router-dom@^5

Vui lòng cài đặt với .

Vui lòng sử dụng npm i node-sass@ 4.14.1.

Vì tôi lười.. ㅠㅠ

Lẽ ra tôi nên viết nó ra dưới dạng một bình luận và công bố nó... nhưng cuối cùng tôi cũng đăng nó bây giờ.

Cảm ơn các bạn sinh viên đã đặt câu hỏi. * ^^*

1. Phương thức nhập đã thay đổi.

(Hiện tại) nhập CKEditor từ "~~" -> (Thay đổi) nhập {CKEditor} từ "~~"

2. CKEditor thay đổi từ onInit thành onReady

<Tài liệu tham khảo khác> https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/react.html

[Thông báo] Cách giải quyết vấn đề xung đột nodemon, babel-node / (5) Bài giảng liên quan đến Express Start

Nếu bạn hiện đang sử dụng Windows, vui lòng không sử dụng nodemon và tiếp tục với phương pháp bên dưới.

[gây ra]

Có một vấn đề là nodemon và babel-node không hoạt động bình thường khi được sử dụng cùng nhau trên Windows. (Các tùy chọn như chạy hai lần hoặc bỏ qua không hoạt động bình thường)

[Giải pháp]

(cài đặt) npm i babel-watch

Thêm (tập lệnh)

"dev-watch" : "babel-watch server/server.js --ignore'./client'" ,

(Thực thi máy chủ)

npm chạy dev-watch

Nếu bạn thay đổi nó như thế này, máy chủ sẽ không được khởi động lại khi bạn thực hiện công việc giao diện người dùng sau khi máy chủ đang chạy.