|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/reacttypescrip-reacttypescript/
课程评论：没有评论
**课程名称：** 【React × TypeScript 入门】通过制作家庭账本应用学习 React 和 TypeScript 的开发方法 **课程概述：** 在本课程中，您将学习如何将 TypeScript 引入 React，这已成为一项必备技能。本课程专为初次使用 React 和 TypeScript 进行开发的人士设计，同时也适合那些不确定要做什么应用的人。通过构建一个家庭账本应用，您将学习结合使用 React 和 TypeScript 进行开发的实用方法。 课程将重点介绍 React 中常用的函数组件。虽然不涉及类组件，但课程强调了函数组件在当前 React 开发中的主导地位。此外，通过使用 Firebase Firestore 作为后端，您还将学习全栈开发的技巧。让我们在制作家庭账本应用的过程中，愉快地掌握 React × TypeScript 的开发方法吧！ **课程将具体实现以下功能：** * 家庭账本的“添加”、“删除”和“编辑”功能（后端使用 Firestore） * 日历功能（使用 FullCalendar） * 金额汇总功能 * 图表显示（显示按类别汇总金额的饼图，以及显示每日收支比例的条形图） * 响应式设计 **使用的技术：** * Firebase Firestore（作为数据库） * MUI（用于设计） * FullCalendar（用于日历创建） * ReactHookForm（用于表单创建） * Zod（用于表单验证） * react-chartjs-2（用于图表创建） * DateFNS（用于日期操作的库） **提示：** 缩略图中的储蓄罐是使用 Freepik 的资源设计的。
ReactにTypeScriptを導入する事はもはや必須になってきました。この講座は、『初めてReactとTypeScriptで開発をする人』へ向けた講座です。またReactとTypeScriptで作りたいアプリが思いつかない人もおすすめです。家計簿アプリを作りながら、ReactとTypeScriptを合わせた開発法を学ぶことができます。Reactでよく使われる関数コンポーネントに焦点を当てて開発していきます。クラスコンポーネントは今回扱いませんが、現在のReact開発では関数コンポーネントがメインだと思います。またバックエンドにはFireBaseのfireStoreを利用しており、フルスタック開発の手法も学ぶことができます。家計簿アプリを作って楽しみながらReact × TypeScriptの開発方法を学びましょう■具体的には以下の機能を作ります。・家計簿への「登録」「削除」「編集」機能（バックエンドにはFireStoreを利用）・カレンダー機能（FullCalendarを利用）・金額集計機能・グラフ表示（カテゴリごとの合計金額を表示した円グラフ＆日別の収支の割合を表示した棒グラフ）・レスポンシブ対応■使用技術・FirebaseのFirestore（データベースとして利用）・MUI（デザイン作成）・FullCalendar（カレンダー作成）・ReactHookForm（フォーム作成）・Zod（フォームのバリデーションチェックに利用）・react-chartjs-2(グラフ作成)・DateFNS（日付操作ライブラリ）The piggy bank in the thumbnail was designed using assets from Freepik
