강의

멘토링

커뮤니티

Programming

/

Front-end

React を完全にマスターする: useHoooooook

広くて深く、React の状態とフックを詳しく学ぶことができます。 React 公式ドキュメントの 95% 以上をカバーします。この講座で React を終了できます。

  • tonextday
프론트엔드
hook
리액트
React
JavaScript
DOM

学習した受講者のレビュー

受講後に得られること

  • React 状態

  • React フック

  • コンポーネントの作成方法

  • React パラダイム

  • React コードのリファクタリング方法

  • React と外部システムの接続

  • シナリオで開発する方法

クーポン割引:28,000円で
クーポン番号:https://inf.run/GX1Jt


このような内容を学びます

Reactは宣言的な方法でUIを実装します。

宣言型と命令型のコード形式を理解することで、Reactに最適なコードを書くことができます。
命令型形式について説明します。
宣言型方法の手順をチェックリストに従いながら、コードと共に説明します。完全にReactに最適な宣言型方法を自分のものにすることができます。

Reactにおいてstateは基本中の基本です。

stateを構造化する原則に従いながら、コードと共に説明します。
完全にReactの複雑な状態構造をシンプルにする概念を確立することができます。

Reactは様々なhookを提供しています。

正確にhookを理解してこそ、目的に合わせてhookを使用することができます。
React公式ドキュメントのすべてのhookを様々なコード形態で提示し、説明します。

まずシナリオを作成し、
これを基準にReactアプリを開発する方法を学ぶことができます。

旅行に行くためにはまず旅行計画を立てる必要があるように、プログラム開発もまずユーザーとシステムが相互作用するシナリオを作成する必要があります。
旅行計画に従って旅行するようにシナリオに従ってプログラムを開発する必要があります。
旅行先によって計画が異なるように開発環境によってシナリオが異なります。
React環境に適したシナリオを作成する方法とシナリオに従いながらReactコンポーネントを開発する方法を学ぶことができます。

一度に完全なコードを書くことはできません。

そのためリファクタリングを行うことになりますが、環境によってリファクタリング方法が異なります。
ReactはUI中心なので、これに最適な方法でリファクタリングを行う必要があります。
React環境に最適なリファクタリング方法を学ぶことができます。

初心者のための推奨事項

Reactは素早く大雑把に学んでもReactアプリを開発することができます。
しかし、もう少し深く入っていくと戻ってきて再び学ばなければなりません。
基本を、土台を一つずつ固めていくことが遅いように思えても結局は早いです。これが近道であり、開発者の道です。
自信を持って技術面接に臨むことができます。
技術面接を行う面接官は基本の堅実さをチェックします。なぜなら、基本が重要だということを面接官は経験で知っているからです。
堅実な基本を基に開発したコードは違いがあり、面接官にはそれが見えます。

受講前の参考事項

実習環境

  • ブラウザ、Node.js、コードエディタ

  • 講義では環境設定方法を扱います。

学習資料

  • 講義のすべてのソースコードをファイルで提供します。

  • 講義では学習資料の使用方法を扱います。


関連講義ロードマップを
一緒に学習してみましょう。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • React state と hook を完全に学びたい開発者

  • React のすべてを漏れなく学びたい開発者

  • React 開発の応用力を向上させたい開発者

  • React 環境の企画者

  • コンポーネントの概念を確立したい開発者、プランナー

前提知識、
必要でしょうか?

  • JavaScript、HTML、CSS

  • DOM の理解は必要ですが、必須ではありません。

  • 講師の「React ビギナー」講座の推薦

こんにちは
です。

9,692

受講生

403

受講レビュー

337

回答

4.8

講座評価

12

講座

소프트웨어 개발을 좋아하는 개발자입니다.

메일: tonextday@gmail.com

동영상: 12개
Rust 강좌 제작중

클린업 자바스크립트: 점프업
클린업 자바스크립트: 베이스 빌드업
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js

저서: 9권
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅
자바스크립트 정규표현식
요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js,
Ajax 활용, prototype.js 완전분석  
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

 

 

カリキュラム

全体

95件 ∙ (10時間 25分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

7件

5.0

7件の受講レビュー

  • 강현수님의 프로필 이미지
    강현수

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    • 이유정님의 프로필 이미지
      이유정

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      • 최용원님의 프로필 이미지
        최용원

        受講レビュー 31

        平均評価 4.9

        5

        31% 受講後に作成

        • 안승우님의 프로필 이미지
          안승우

          受講レビュー 7

          平均評価 4.9

          5

          31% 受講後に作成

          • 올찬님의 프로필 이미지
            올찬

            受講レビュー 13

            平均評価 4.9

            5

            100% 受講後に作成

            완강하게 되어 기쁩니다. ^^ 이해가 잘 안 가는 부분이 있으면 다시 이전 강의를 찾아보고 그래도 이해가 안 가면 공식 문서를 찾아가며 읽어보면서 궁금증을 해결해 나갔습니다. 공식 문서 기준으로 만들어진 강의라 가능했던 일이고 제가 이 강의를 선택한 이유이기도 합니다. 미니 프로젝트 없이 이론 중심으로 진행되는 강의라 지루한 면이 좀 있지만 기본 개념 정리는 확실히 할 수 있어서 도움이 됐습니다. 특히 "Ref 오브젝트와 DOM 인터페이스" 수업에서와 같이, 스펙 문서를 보면서 인터페이스 간 상속 구조를 통해 어떻게 코드가 작동하는지 알려주시는 부분이 좋았습니다. 제가 자바도 공부하고 있어서 비슷한 구조가 나올 때마다 비교하면서 배우게 되니 흥미로웠습니다. 이제 DOM 완전 끝내기 로드맵을 이어가도록 하겠습니다. 감사합니다.

            • 김영보
              知識共有者

              완강을 축하합니다^^ 강의자의 의도를 정확하게 파악하여 활용하셨네요. 소프트웨어 개발 감각이 있으신 것 같습니다. 더욱 더 큰 발전을 응원합니다.

          ¥5,458

          tonextdayの他の講座

          知識共有者の他の講座を見てみましょう!

          似ている講座

          同じ分野の他の講座を見てみましょう!