|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-basic-mui/
课程评论：没有评论
【React】新手入门课程总结 本课程专为前端新手设计，旨在全面讲解React（v18版本），重点关注Hooks和MUI设计。 **课程亮点:** * **与Vue.js对比学习:** 讲师以Vue.js学习者的视角，将Vue.js中实现的功能与React中的对应实现进行对比讲解，帮助Vue.js用户快速迁移。 * **循序渐进的学习方法:** 从简单的jQuery也能实现的功能入手，逐步深入React，确保学习者能获得“我能做到”的成就感。 * **深入浅出:** 针对新手可能遇到的难点进行详细剖析，确保学习者在清晰理解每个概念后再进行下一步的学习。 * **实践导向:** 除了理论知识，课程还鼓励学员动手实践，通过构建实际应用来巩固和提升技能。 **课程内容涵盖:** * **基础概念:** JSX、组件、Google Chrome开发者工具、props、children。 * **核心Hooks:** useState, useRef, useEffect。 * **表单处理:** 包括Ajax（promise, async/await, fetch）。 * **项目构建:** create-react-app。 * **样式方案:** styled-component, emotion。 * **路由管理:** react-router, Link, NavLink, useNavigate, useParams, Outlets。 * **UI库:** MUI (Material-UI)。 * **数据存储:** localStorage。 * **API集成:** Google Books API。 **课程中包含的示例项目:** * 标签页 * 模态窗口 * 轮播图（幻灯片） * 表单 * Ajax + API 表单 * 简易图书管理应用（集成 Google Books API, create-react-app, React Router, MUI） **収録时版本信息:** * React: 18.2.0 * MUI: 5.11.1 * react-scripts: 5.0.1 * react-router-dom: 6.6.0
フロントエンド界隈において、『React』はどんどんとシェアを伸ばしています。生成AIが作成するコードもReactの方が精度が高いということもあり、改めてReactの講座を作成することになりました。個人的にVue.jsから習得していたということもあり、Vue.jsでできた事をReactならどうやるか、という視点で、Vue.jsと比較しながら講座を作成しました。Vue.jsの時と同様に、はじめはちょっとずつ、jQueryでもできることから取り組んで、『できる！』と思えるように時間をかけて進めるような構成にしています。初心者の視点で、ちょっとでも『ん？』と思う箇所はできるだけ掘り下げ、スッキリした状態で先へ進めるように解説しています。簡単でもいいのでできるだけ手を動かしてアプリをつくりつつ、知識だけでなく実際に使えるようになるような構成を意識しております。■講座内のサンプルタブメニューモーダルウィンドウカルーセル(スライドショー)フォームフォーム(Ajax + API)簡易読書管理アプリ(GoogleBooksAPI + create-react-app + ReactRouter + MUI)■講座で扱っている内容JSX、コンポーネント、GoogleChrome開発ツール、props、children、Reactフック(useState, useRef, useEffect)フォーム、Ajax(promise, async/await, fetch)、create-react-app、styped-component, emotion, react-router, Link, NavLink,Reactフック(useNavigate, useParams)、Outlets、MUI、localStorage, googleBooksAPI, etc...■収録時のバージョン・セクション1～8React 18.2.0MUI 5.11.1react-script 5.0.1react-router-dom 6.6
