|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-hooks-101/
课程评论:没有评论
本课程是关于React Hooks的入门教程,旨在帮助学习者全面掌握最新的前端状态管理技术,并学会如何优雅地结合Redux。 **课程特色:** * **实践驱动:** 摒弃传统PPT讲解,直接在编辑器中通过实际编码演示,让学习者“动手”学习,直观感受代码运行效果。 * **Hooks与函数式组件:** 重点强调React Hooks的应用,解释Hooks如何弥合了函数式组件和类组件之间的状态管理差异,使函数式组件也能拥有强大的状态管理能力。课程将不再使用类组件,全面转向Hooks驱动的函数式组件开发。 * **代码规范与维护性:** 教授良好的编码习惯,包括组件拆分、常量定义、模块化管理等,注重代码的可读性和可维护性,为学员未来开发大型应用打下基础。 * **Bootstrap集成:** 虽然是Hooks课程,但也会简要介绍如何在React应用中集成Bootstrap,为应用提供基础的样式,提升学习体验。 * **GitHub源码公开:** 课程中所有演示的源代码均在GitHub上公开,方便学员对照学习和纠错。 * **鼓励提问:** 提倡积极提问,强调“不问是终身之耻”,鼓励学员充分利用Q&A环节解决学习中的问题,不隐藏初级疑惑。 **核心学习内容:** * React Hooks的導入與基本用法。 * 如何利用Hooks实现函数式组件的状态管理。 * Hooks与Redux的结合使用,实现更复杂的状态管理。 * Hooks如何改变未来的React组件开发模式,减少对类组件的依赖。 * 编写可维护、可读性高的React代码的实践技巧。 * React应用中集成Bootstrap的入门方法。 本课程适合希望掌握 React 最新状态管理技术,并追求高效、现代化前端开发流程的学习者。
こんにちは!Udemyのプログラミングおじさん、はむです。本コースでは、React Hooksについて学びます。導入方法ももちろんですし、実践的な使い方について、手を動かしながら学習します。僕のコースは基本パワーポイントとかでで概要とか概念の概略の説明などは一切しません。というのも、パワポの資料作成とそれによるプレゼンテーションは費用対効果が低いんですよね、なので、机上の理論よりも、簡単に口頭で概要をお伝えして、その後すぐ、エディターを開いて手を動かして目で動作を確認するというスタイルで進めていきます。僕に言わせると、プログラミングは、スポーツをやっているような感覚に近いです。まぁとにかくですね、手をガンガン動かしていくんで、楽しんでいきましょう!ということですね。他にも、React Hooksとの今後の付き合い方について学びます。これはかなり抽象的に書いていますけれども、要するに、 Hooksを使うと、今までのクラスコンポーネントにあまり依存しないコンポーネントを実装することになります。何故かと言うと、今まではファンクショナルコンポーネントとクラスコンポーネントの2つがあったわけなんですけれどもその2つの違いの1つに、状態を持たせるかどうかというのがありました。Hooksが出てからはですね、今までのファンクショナルコンポーネントというのはファンクションコンポーネントという名前に変わりました。これ、名前が変わっただけじゃなくて何が起きたのかと言うと、状態がもてるようになったんですね。ということはどういうことかというと、ファンクションコンポーネントとクラスコンポーネントとの実質的な違いというのがなくなってきたんですよね。なので、コンポーネントを実装しょうとしたときに、どっちのコンポーネントで実装しようかと考えてきたと思いますけれども、今後は、hooksによって機能拡張がなされたことで、ファンクションコンポーネントを書く機会が増えると思います。本コースでもクラスコンポーネントは一切実装しません。クラスコンポーネントに依存しなくても状態を持つアプリケーションは十分に実装できるということを本コースで学んでいただければいいかなと思います。メンテナンス性についても触れていきます。これは、Hooksだからということではないんですけれども、僕のコーディングスタイルは、動いたら終わり!というようなコーディンすは一切しません。みなさんが、コース終了後に、もっと大規模なアプリケーション開発をする際にきっと役に立つであろうコンポーネントの細分化だったり、定数の定義だったり、とにかく、性質の異なるものは、モジュールという単位で分割してコードの見通しを良くすると言ったプログラマに備わっている慣習について意識しながらコーディングを進めていきますのでまだ、現場でコードを書いたことがない!という方には是非この辺りのコーディングの慣習について学んで頂けたら良いんじゃないかなと思います。最後に、これはまぁおまけみたいなものなんですが、Bootstrapですね。本コースはHooksのコースなのでスタイリングに時間をかけるつもりはないんですが、とはいえ、見た目も最低限は必要かなということでBootstrapを採用しています。 ReactアプリケーションへのBootstrapの適用についても解説していますので興味のある方はぜひ一緒にやっていきましょう。次にソースコードについてですが、本コースで動画の中で実装したソースコードは、GitHubに完全公開していますので、自分の書いた内容と照合したいときなどに是非お使いいただければとおもいます。もし、コースを進めていて、動画の通りにやってみたけれども、うまく行かない!という時には、Q & Aのページがありますので、遠慮なくご質問ください。僕の肌感では、どうも、質問をするのが恥ずかしいとか、周りに質問の内容をみられるのがいやだとか、あるいは、初歩的な質問になるから恐縮してしまうといったような受講生の方が非常に多いんじゃないかと感じています。僕のプロフィールページにも、書いていますが、「聞くは一時の恥聞かぬは一生の恥」ということですね。とにかく、遠慮しないでガンガンぶつかってきてください!そもそも、知らないことを学ぶためにコースを受講しているわけですし、受講料をお支払い頂いているわけですから、ちょっと遠慮するところが間違っていますよ!と僕は言いたいです。というわけで、Q & A、どんどん活用してください。