강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Front-end

[React Phần 1] Học React thông qua việc tạo ra và so sánh

Giờ, hãy học React thật bài bản. So sánh với JavaScript thuần, khóa học giúp dễ hiểu nhất đặc điểm và vai trò của React!

(4.8) 119 đánh giá

1,987 học viên

  • jeonghwan
실습 중심
실무
핵심원리
React
MVC
JavaScript
Web Application

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

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

  • Hiểu các khái niệm cốt lõi của React.js qua thực hành phát triển ứng dụng web.

  • So sánh phát triển JS thuần túy và React

  • Lợi ích áp dụng Design Pattern qua thực hành

Thực hành front-end phổ biến nhất, React,
Chắc chắn sẽ hiểu chỉ sau một bài giảng! 🚩

Nếu bạn đang có những lo lắng này, hãy chú ý! 💡

Trường hợp 1
Người ta nói React là phổ biến nhất, nhưng tôi không biết nên bắt đầu từ đâu!

"React, công cụ phổ biến nhất trong thị trường tuyển dụng front-end,
Nhưng khi thực sự bắt đầu, tôi không biết phải bắt đầu từ đâu hoặc phải làm gì."

Trường hợp 2
Tôi không chắc chắn về quy trình phát triển React của mình.

"Bằng cách nào đó tôi đã phát triển được nó bằng React,
Tôi không biết phương pháp này có hiệu quả không .

Chúng tôi sẽ dạy bạn mọi thứ từ kiến thức cơ bản về React cho đến cách sử dụng thực tế 🎯

Ồ, câu chuyện đó. Nghe giống chuyện của tôi quá nhỉ? Vậy thì bạn nên tham gia buổi thuyết trình này đi!
Mục tiêu của bài giảng này như sau:

  • Bằng cách tạo kết quả trong phiên bản JS và React , bạn có thể hiểu được vai trò và lợi thế của React ngay từ cái nhìn đầu tiên.
  • Bạn có thể học lý thuyết bằng cả thể chất và trí óc thông qua các ứng dụng thực tế về lập trình và 12 bài tập.

Những người như thế này sẽ thích nghe điều này! 🧑‍🎓

  • Ngay cả sau khi đọc tài liệu chính thức của React, tôi vẫn không biết nên bắt đầu từ đâu.
  • Một người thực hành thích bắt đầu bằng Hello World hơn là lý thuyết.
  • Tôi đã thử sử dụng React, nhưng nó hơi khó hiểu và khó giải thích chính xác ưu điểm của nó.

Những điểm độc đáo trong bài giảng của tôi 😎

  • Bạn có thể hiểu rõ các tính năng của React.js!
    • So sánh phát triển JavaScript thuần túy và React để hiểu rõ hơn về các tính năng của React.
  • Một khóa học chuyên sâu dựa trên tài liệu chính thức của React!
    • Đây là "Khóa học cốt lõi về React" dựa trên các khái niệm chính được đề cập trong tài liệu chính thức của React.
  • Đây là bài giảng tập trung vào việc thực hành kỹ lưỡng!
    • Bạn có thể học trực tiếp bằng cách tạo màn hình tìm kiếm trung tâm mua sắm thông qua mã hóa trực tiếp và giải quyết 12 nhiệm vụ thực tế.
  • Tôi đã chuẩn bị một nhánh Git cho mỗi video.
    • Đối với những người gặp khó khăn trong quá trình đào tạo thực hành hoặc tham gia lớp học mà không có đào tạo thực hành, tôi đã chuẩn bị một nhánh Git cho mỗi video.
    • Bạn có thể dễ dàng xem mã được sử dụng trong mỗi video bằng cách di chuyển đến một nhánh.
  • Ghi chú bài giảng được cung cấp để bạn có thể xem ngay sau khi xem lại!
    • Tất cả các ghi chú bài giảng được sử dụng trong lớp học đều có sẵn trên blog. (Liên kết: 🖋Blog của Kim Jeong-hwan )
    • Đọc lướt qua toàn bộ văn bản trước khi đến lớp là một ý tưởng hay. Xem trước👍
    • Sẽ còn tuyệt hơn nữa nếu bạn đọc nó sau giờ học. Đánh giá👍👍

Tìm hiểu về những điều này 📖

  1. Sự chuẩn bị
    • Chúng ta hãy xem qua các tài liệu phân tích yêu cầu và thiết kế để có cái nhìn tổng quan về những sản phẩm chúng ta sẽ tạo ra trong lớp học.
    • Khi tôi tạo kết quả bằng JavaScript thuần túy và mẫu thiết kế MVC, tôi nhận ra nhu cầu về một thư viện UI.
  2. Giới thiệu
    • Bạn có thể tìm hiểu về các khái niệm DOM phản ứng và DOM ảo của React và lý do nên sử dụng React.
    • Tìm hiểu vai trò và cách sử dụng một số công cụ được sử dụng trong phát triển React và chuẩn bị thực hành.
  3. Hướng dẫn sử dụng 1
    • Bạn có thể học các khái niệm cơ bản của React bằng cách triển khai kết quả từ đầu bằng React.
    • Bạn có thể hiểu các nguyên tắc cốt lõi của React, chẳng hạn như Trạng thái, xử lý sự kiện, kết xuất có điều kiện, biểu mẫu, danh sách và khóa.
  4. Hướng dẫn sử dụng 2 (Thành phần)
    • Chúng tôi giới thiệu các thành phần React và cải thiện các kết quả đã tạo ở phần trước thành các thành phần React.
    • Bạn có thể tìm hiểu về các vấn đề gặp phải khi làm việc với các thành phần, chẳng hạn như thành phần lớp/hàm, nâng cao trạng thái, kế thừa và hợp thành.

Màn hình chính

Màn hình kết quả tìm kiếm

Màn hình tìm kiếm gần đây

Bài giảng tiếp theo


 [React Phần 2] Các chủ đề và Hook nâng cao

Giới thiệu bản thân 🧑‍🏫

Kim Jung-hwan

Một nhà phát triển đang làm việc, yêu thích việc tìm hiểu và sắp xếp các công nghệ web.
 Tôi điều hành một blog công nghệ về công nghệ web và suy nghĩ của tôi với tư cách là một nhà phát triển.

Chúng tôi cũng chia sẻ những kỹ năng đã học được và bí quyết đã học được trong thực tế dưới hình thức thuyết trình hoặc bài giảng.

Tôi làm việc với vai trò là nhà phát triển giao diện người dùng tại Elegant Brothers.

Tôi cũng viết nội dung liên quan đến công nghệ React.

Hỏi & Đáp dành cho sinh viên 🙋

H. Đây có phải là bài giảng mà sinh viên không chuyên ngành cũng có thể tham gia không?

Không, bạn cần có một số kinh nghiệm về phát triển web để tham gia khóa học này.

H. Tại sao tôi nên học React?

Thị trường việc làm hiện nay đang tìm kiếm các nhà phát triển có kiến thức về các nền tảng web hiện đại.

Nếu bạn có những kỹ năng React phổ biến nhất, bạn sẽ được nhiều công ty săn đón.

H. Học React có lợi ích gì?

React giải quyết nhiều vấn đề phổ biến trong phát triển giao diện người dùng.

Các nhà phát triển có thể tập trung nhiều hơn vào việc phát triển logic kinh doanh và có khả năng tạo ra sản phẩm nhanh hơn.

H. Tôi có cần chuẩn bị gì trước khi tham dự buổi thuyết trình không?

Nếu bạn có bất kỳ kinh nghiệm nào về phát triển web, bạn nên tham gia lớp học này.

Lý do là vì lớp học được tiến hành dựa trên giả định rằng bạn đã quen thuộc với ngữ pháp HTML và JavaScript.

Đối với những ai vẫn còn thiếu kiến thức cơ bản về web, tôi khuyên bạn nên học trước rồi mới tham gia khóa học.

H. Nội dung bài học được trình bày ở mức độ nào?

Nội dung này dựa trên các khái niệm chính và một số hướng dẫn nâng cao từ tài liệu React chính thức.

Nó bao gồm các phần cốt lõi của React.

H. Có lưu ý nào liên quan đến việc đăng ký khóa học không?

Có bốn công cụ chúng ta sẽ sử dụng trong lớp học: Node.js, trình soạn thảo phát triển, trình duyệt web và Git.

Bạn cũng có thể xem trước trong lớp học thử. (Liên kết: 🎥 Lớp học thử )

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

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

  • Những ai đã đọc tài liệu chính thức của React nhưng vẫn còn mơ hồ không biết phải bắt đầu từ đâu.

  • Những ai thích bắt đầu bằng "Hello world" (thực hành) hơn là lý thuyết.

  • Những người đã dùng thử React nhưng khó giải thích rõ ràng rốt cuộc điểm tốt là gì.

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

  • Kiến thức cơ bản về phát triển web

Xin chào
Đây là

13,969

Học viên

884

Đánh giá

595

Trả lời

4.8

Xếp hạng

9

Các khóa học

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

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

Tất cả

96 bài giảng ∙ (8giờ 44phú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ả

119 đánh giá

4.8

119 đánh giá

  • pyw82061918님의 프로필 이미지
    pyw82061918

    Đánh giá 8

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    すでにreactプロジェクトに参加した開発経験がありますが、少し時間が過ぎたりして、もう一度講義を聞きながら基礎勉強をするのに多くのお役に立ちました。 ありがとうございます。

    • 9ma님의 프로필 이미지
      9ma

      Đánh giá 3

      ∙

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      リアクトを初めて勉強し、どのように始めるのか難しいことがありましたが、簡潔に講義を構成してくださったおかげで多くの助けを受けています。ある講義党、そして全体の講義構成が長くないおかげで何度も何度も何度も見られそうな点もメリットです:) 一方、バニラのJavaScriptも扱ってくれたので、リアクトがどのような問題を解決するために現れたフレームワークなのかを把握することが容易になりました。しかし、まだ両方とも難しいのは同じですね..ㅎ_ㅎ その後も何度も見て実装していき、フロントエンド開発の基礎をよく固めるようにしなければなりません。 良い講義ありがとうございます。

      • 04209904047님의 프로필 이미지
        04209904047

        Đánh giá 9

        ∙

        Đánh giá trung bình 4.8

        4

        100% đã tham gia

        - 利点！ 1. 講義でReact公式文書の "主な概念"で扱うすべての内容を扱う。 2. 公式文書には重要性が落ちると判断したのか、大きく言及せずに進む内容まで使ってみて、なぜこのような方法があまり推奨されないのかについてもわかった。 3. 単に、リエクトラという概念を超えて抽象化の必要性についても学習できた。 - 欠点ではなく..講義中難しかった点!!! 1. MVCパターンと抽象化に対する理解度が弱い筆者は、バニラJSパーツ初めて聞いたとき、コードを見て激しいヒョンタがやってきた。 =>私のレベルでは、コードはとても難しかったㅠ。 だが、クンビョン我慢しながら、紙でロジックを書いてコードを出して作れば、ますます成長していく自分の姿を発見することができる。 もし、私のような難しさを経験する受講生であれば、リエクト編を先に見て、バニラJS編に近づいてみると、より簡単にコードが理解できる。 - 総評!!! 正直、リアクトを使うことはしたが、私の実力は泡の上に浮いているように深さがなかったが、この講義を通じて、リアクトをより深く理解することができた。

        • jeonghwan
          Giảng viên

          私も授業準備しながら序盤部が難しくなるような懸念をしました。大変そうですㅜㅜそれでも最後まで聞いてくれてありがとう。

      • wepungsan님의 프로필 이미지
        wepungsan

        Đánh giá 36

        ∙

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        おすすめです。 リアクトの概念について総合的に扱う講義です。 リアクトフックまではあまり扱いません。

        • jeonghwan
          Giảng viên

          バックエンド開発者のフィードバックを残していただきありがとうございます。良い一日をお過ごしください。

      • kkhkim20027309님의 프로필 이미지
        kkhkim20027309

        Đánh giá 2

        ∙

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        良い講義ですが…少し難しいです。

        • jeonghwan
          Giảng viên

          ありがとうございます。

      1.162.383 ₫

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

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

      ウェブ開発の核心、HTTP完璧マスターしよう！Course Thumbnail

      ウェブ開発の核心、HTTP完璧マスターしよう！

      jeonghwan

      HTTPの基本からデータ要求、リアルタイム通信、セキュリティ、そしてパフォーマンス最適化まで、Web開発者が必ず知っておくべきネットワーク知識を学びましょう。

      Basic

      Basic

      Ajax, https, cors

      ウェブ開発の核心、HTTP完璧マスターしよう！Course Thumbnail

      ウェブ開発の核心、HTTP完璧マスターしよう！

      jeonghwan

      [React 2部] 高度なトピックとフックCourse Thumbnail

      [React 2部] 高度なトピックとフック

      jeonghwan

      いよいよReactの仕組みが本当に「見えてくる」ようになります。高度な概念とHooks、最も簡単かつ正確に学んでみましょう。

      Intermediate

      Intermediate

      React Context, react-hooks, React

      [React 2部] 高度なトピックとフックCourse Thumbnail

      [React 2部] 高度なトピックとフック

      jeonghwan

      フロントエンド開発環境の理解と実践 (webpack, babel, eslint..)Course Thumbnail

      フロントエンド開発環境の理解と実践 (webpack, babel, eslint..)

      jeonghwan

      すでに構築済みの開発環境を理解できます。 最初から自分で開発環境を構築できます。

      Intermediate

      Intermediate

      Node.js, Webpack, Babel

      フロントエンド開発環境の理解と実践 (webpack, babel, eslint..)Course Thumbnail

      フロントエンド開発環境の理解と実践 (webpack, babel, eslint..)

      jeonghwan

      トレロ開発で学ぶVuejs、Vuex、Vue-Routerフロントエンドの実戦技術Course Thumbnail

      トレロ開発で学ぶVuejs、Vuex、Vue-Routerフロントエンドの実戦技術

      jeonghwan

      他のWebアプリケーションを私の手で実装することで、Vuejsの中級技術（Vuex、Vue-Router、Http）を学ぶことができます。パブリッシングの結果物、APIサーバーとドキュメントするなどをあらかじめ構成したため、コラボレーションする方法も体験できる講義です。

      Intermediate

      Intermediate

      JavaScript, Vue.js

      トレロ開発で学ぶVuejs、Vuex、Vue-Routerフロントエンドの実戦技術Course Thumbnail

      トレロ開発で学ぶVuejs、Vuex、Vue-Routerフロントエンドの実戦技術

      jeonghwan

      堅牢なJSソフトウェアの作り方Course Thumbnail

      堅牢なJSソフトウェアの作り方

      jeonghwan

      同じ機能を作成する場合でも、JavaScript の文法を始めたばかりのジュニア開発者と経験豊富なシニア開発者のコードは、かなり異なります。もちろん、結果物は同じです。後者のコードが認められる理由は、構造化された設計と変更に対応できる拡張性にあるでしょう。この講義では、そのような優れたコードを作成する方法について説明します。

      Intermediate

      Intermediate

      Software Test, TDD, jasmine

      堅牢なJSソフトウェアの作り方Course Thumbnail

      堅牢なJSソフトウェアの作り方

      jeonghwan

      実習UI開発で学ぶ純粋なjavascriptとVueJS開発Course Thumbnail

      実習UI開発で学ぶ純粋なjavascriptとVueJS開発

      jeonghwan

      純粋なJavaScriptとVueJSというUIライブラリを使用してショッピングモールの検索ページを作成し、VueJS開発学習を進めます。 純粋なJavaScriptとVueJsで開発を進め、各開発の違いとMVC、MVVMデザインパターンの違いも学ぶことができます。

      Basic

      Basic

      JavaScript, Vue.js

      実習UI開発で学ぶ純粋なjavascriptとVueJS開発Course Thumbnail

      実習UI開発で学ぶ純粋なjavascriptとVueJS開発

      jeonghwan

      テスト主導開発（TDD）で作るNodeJS APIサーバーCourse Thumbnail

      テスト主導開発（TDD）で作るNodeJS APIサーバー

      jeonghwan

      この講義では、Javascript言語でバックエンド開発ができるNodeJSを学習し、テスト主導開発（TDD）方式でNodeJSを利用してAPIサーバー開発を行うことができます。また、NodeJSの代表的なWebフレームワークExpressJSの基本原理を理解し、モバイルやWebサービスで使用するREST APIの開発方法を学ぶことができます。

      Basic

      Basic

      TDD, Node.js, Express

      テスト主導開発（TDD）で作るNodeJS APIサーバーCourse Thumbnail

      テスト主導開発（TDD）で作るNodeJS APIサーバー

      jeonghwan

      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!

      [React 2部] 高度なトピックとフックCourse Thumbnail

      [React 2部] 高度なトピックとフック

      jeonghwan

      いよいよReactの仕組みが本当に「見えてくる」ようになります。高度な概念とHooks、最も簡単かつ正確に学んでみましょう。

      Intermediate

      Intermediate

      React Context, react-hooks, React

      [React 2部] 高度なトピックとフックCourse Thumbnail

      [React 2部] 高度なトピックとフック

      jeonghwan

      React Router 完全征服Course Thumbnail

      React Router 完全征服

      woongjae

      ReactでSPAを作るすべての人にとって必須のReact Routerを一緒に征服してみましょう 💪

      Basic

      Basic

      react-router-dom, react-router, React

      React Router 完全征服Course Thumbnail

      React Router 完全征服

      woongjae

      React(リアクト)学習の始まりCourse Thumbnail

      React(リアクト)学習の始まり

      usefulit

      本コースは、React学習を初めて始める学習者のために構成された入門コースです。 JSXの基礎文法を体系的に学習し、これを直接適用できるミニプロジェクトを通じて実務感覚を身につけることを目標とします。単純な文法学習を超えて、React開発の基本的な流れとコンポーネントベースの開発方式を理解できるように構成されています。

      Beginner

      Beginner

      React

      React(リアクト)学習の始まりCourse Thumbnail

      React(リアクト)学習の始まり

      usefulit

      SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)Course Thumbnail

      SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)

      dodocoding

      FirebaseのSQL版！Supabaseを通じてNext.jsのフルスタックの基礎をマスターできます！

      Basic

      Basic

      Next.js, supabase, React

      SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)Course Thumbnail

      SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)

      dodocoding

      プログラミングの始め方：Web入門（Inflearnオリジナル）Course Thumbnail

      プログラミングの始め方：Web入門（Inflearnオリジナル）

      inflearn

      初めてプログラミングを始める方のためのWeb開発入門講座です。HTML、CSS、Javascriptを学び、Instagram投稿カードを作成することで、Webページ作成に不可欠な基本的な内容を学びます。

      Beginner

      Beginner

      HTML/CSS, JavaScript

      プログラミングの始め方：Web入門（Inflearnオリジナル）Course Thumbnail

      プログラミングの始め方：Web入門（Inflearnオリジナル）

      inflearn

      # [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）Course Thumbnail

      # [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

      dakgangjung123

      React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。 慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

      Basic

      Basic

      React, Electron, GUI

      # [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）Course Thumbnail

      # [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

      dakgangjung123

      React Native with Expo: ゼロチョから正しく学ぶCourse Thumbnail

      React Native with Expo: ゼロチョから正しく学ぶ

      zerocho

      Web開発者が(特にReact開発者であれば)本当に簡単にアプリをリリースできる時代になりました。Expoと一緒なら、より一層速くAndroidとiOSアプリの両方をリリースできます。Expoを通じて迅速にアプリまでリリースできる開発者になりましょう。

      Basic

      Basic

      React, React Native, Hybrid App

      React Native with Expo: ゼロチョから正しく学ぶCourse Thumbnail

      React Native with Expo: ゼロチョから正しく学ぶ

      zerocho

      React & FastAPIで作る投票コミュニティプラットフォーム：決済システムで収益化まで！Course Thumbnail

      React & FastAPIで作る投票コミュニティプラットフォーム：決済システムで収益化まで！

      dakgangjung123

      この講座ではReactとFastAPIを活用して、リアルタイム投票、コメント、いいね！などのソーシャル機能はもちろん、決済システム（カカオペイ、トスペイなど）を連携して収益化する方法まで段階的に実習します。

      Intermediate

      Intermediate

      React, MySQL, Docker

      React & FastAPIで作る投票コミュニティプラットフォーム：決済システムで収益化まで！Course Thumbnail

      React & FastAPIで作る投票コミュニティプラットフォーム：決済システムで収益化まで！

      dakgangjung123

      Reactが得意な開発者になるCourse Thumbnail

      Reactが得意な開発者になる

      nakjasabal0079

      「リアクト上手な開発者になる」という本が出版されました。 この本は、リアクト学習前に必要なウェブの基本原理から最新のリアクトフックまで体系的に案内し、しっかりとした基礎知識を提供します。総40個以上の多彩な実戦プロジェクトと豊富な実習例題を通じて理論を実務にすぐ適用し、問題解決能力を育てることができます。また、リダックスツールキット、ズスタンド、ファイアベースなど現代ウェブ開発に必須の技術を一緒に身につけ、完成度の高いリアクトアプリケーション開発者として成長できるよう支援します。

      Basic

      Basic

      JavaScript, React, Firebase

      Reactが得意な開発者になるCourse Thumbnail

      Reactが得意な開発者になる

      nakjasabal0079

      本当のJavaScriptCourse Thumbnail

      本当のJavaScript

      landvibe

      JavaScriptの詳細な理解を希望する方に適した講義です。

      Intermediate

      Intermediate

      JavaScript, ES6

      本当のJavaScriptCourse Thumbnail

      本当のJavaScript

      landvibe

      JavaScript 機械学習 TensorFlow.jsCourse Thumbnail

      JavaScript 機械学習 TensorFlow.js

      tonextday

      JavaScript 環境で機械学習の概念を扱います。 JavaScript と TensorFlow.js を使って機械学習を実装する形式とコードを扱います。

      Intermediate

      Intermediate

      Tensorflow, JavaScript, Machine Learning(ML)

      JavaScript 機械学習 TensorFlow.jsCourse Thumbnail

      JavaScript 機械学習 TensorFlow.js

      tonextday

      [Code Factory] [初級] NestJS REST API バックエンド完全征服マスタークラス - NestJS CoreCourse Thumbnail

      [Code Factory] [初級] NestJS REST API バックエンド完全征服マスタークラス - NestJS Core

      codefactory

      JavaScript、TypeScriptに続いて、次はバックエンド開発です。NestJSを使用してREST APIバックエンド開発、Socket IO開発および配布を行うことができます。

      Basic

      Basic

      NestJS, REST API, backend

      [Code Factory] [初級] NestJS REST API バックエンド完全征服マスタークラス - NestJS CoreCourse Thumbnail

      [Code Factory] [初級] NestJS REST API バックエンド完全征服マスタークラス - NestJS Core

      codefactory

      React Compiler公式ドキュメント完全ガイドCourse Thumbnail

      React Compiler公式ドキュメント完全ガイド

      codingmax

      Reactの開発者なら誰もが一度はuseMemo、useCallbackと格闘しながら「これを必ず手動でやらなければならないのか？」という疑問を持ったことがあるでしょう。ついにその悩みを解決してくれるReact Compilerが登場しました。 しかし、新しい技術が出るたびに膨大な公式ドキュメントを最初から最後まで精読するのは負担になります。そこで私がReact Compilerの公式ドキュメントを丁寧に分析し、核心だけを抜き出して簡単に理解できる講座を用意しました。 この講座ではこのような内容を扱います： - Why：React Compilerがなぜ登場したのか、既存の方式と何が違うのか - How：プロジェクトにすぐ適用できるインストールと設定方法 - Troubleshooting：公式ドキュメントで強調されている注意事項とエラー解決のヒント もう手動メモ化の苦痛から解放され、ビジネスロジックだけに集中してください。この講座が皆さんのReact開発経験をワンランクアップグレードしてくれるでしょう。

      Beginner

      Beginner

      React, memoization, react-usememo

      React Compiler公式ドキュメント完全ガイドCourse Thumbnail

      React Compiler公式ドキュメント完全ガイド

      codingmax

      [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)Course Thumbnail

      [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

      codecamp

      10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。 企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

      Intermediate

      Intermediate

      React, Next.js, cursor

      [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)Course Thumbnail

      [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

      codecamp

      TypeScript Korea：React with TypeScriptセミナーCourse Thumbnail

      TypeScript Korea：React with TypeScriptセミナー

      woongjae

      タイプスクリプトとリアクト関連講座です。

      Intermediate

      Intermediate

      React, TypeScript

      TypeScript Korea：React with TypeScriptセミナーCourse Thumbnail

      TypeScript Korea：React with TypeScriptセミナー

      woongjae

      Node.jsにTypeScriptを適用する（feat. NodeBird）Course Thumbnail

      Node.jsにTypeScriptを適用する（feat. NodeBird）

      zerocho

      Node.jsにタイプスクリプトを適用し、既存のnpmパッケージにタイプを追加するか、直接タイプスクリプトライブラリを作成しましょう。

      Intermediate

      Intermediate

      TypeScript, Node.js, Web Application

      Node.jsにTypeScriptを適用する（feat. NodeBird）Course Thumbnail

      Node.jsにTypeScriptを適用する（feat. NodeBird）

      zerocho

      スプリングフレームワークは私の手に[スープ2弾]Course Thumbnail

      スプリングフレームワークは私の手に[スープ2弾]

      bitcocom

      「スープ2弾」では、掲示板機能のうち回答、ページング処理、検索機能を完璧に実装するためのSpring Legacyプロジェクトと、Spring bootとSpring JPAおよびSecurityを利用した掲示板プロジェクトを直接試すことで融合能力を持っているバックエンド（Java Backend）開発の専門家を作成するプロセスです。

      Intermediate

      Intermediate

      Spring, MVC, JPA

      スプリングフレームワークは私の手に[スープ2弾]Course Thumbnail

      スプリングフレームワークは私の手に[スープ2弾]

      bitcocom

      [コードファクトリー] [入門] 9時間で終わるコードファクトリーのJavascript無料フルコースCourse Thumbnail

      [コードファクトリー] [入門] 9時間で終わるコードファクトリーのJavascript無料フルコース

      codefactory

      この 1 つのコースだけで、人気のある Javascript フレームワークと Typescript の基本を学ぶことができます。

      Beginner

      Beginner

      JavaScript

      [コードファクトリー] [入門] 9時間で終わるコードファクトリーのJavascript無料フルコースCourse Thumbnail

      [コードファクトリー] [入門] 9時間で終わるコードファクトリーのJavascript無料フルコース

      codefactory

      SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門Course Thumbnail

      SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

      ehtjd339667

      ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイするポートフォリオ中心の講座！ 素早く自分のポートフォリオにフロント、バックエンドプロジェクトをデプロイしたい方に役立つ講座です！デプロイに必要な知識を、サーバー設定からDocker、Domain接続、Nginx、HTTPS適用まで段階別に短期間で実習できるようになります！

      Basic

      Basic

      React, Java, AWS

      SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門Course Thumbnail

      SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

      ehtjd339667

      iOS/Androidアプリ開発のための本番 React Native - BasicCourse Thumbnail

      iOS/Androidアプリ開発のための本番 React Native - Basic

      Wintho

      Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

      Basic

      Basic

      React Native, React, ES6

      iOS/Androidアプリ開発のための本番 React Native - BasicCourse Thumbnail

      iOS/Androidアプリ開発のための本番 React Native - Basic

      Wintho