|
via Udemy |
Go to Course: https://www.udemy.com/course/reacttypescrip-reacttypescript/
Certainly! Here's a detailed review and recommendation for the Coursera course titled 【『React』×『TypeScrip』入門 】家計簿アプリ作成でReactとTypeScriptの開発方法を学ぼう: --- ### Course Overview: This course is an excellent starting point for beginners interested in learning React and TypeScript, especially within the context of building practical applications. Focused on developing a household accounting app, it offers hands-on experience that combines popular technologies and modern development practices. ### Content Review: The course covers the essential concepts of integrating TypeScript into React, emphasizing functional components over class components, aligning with current React best practices. The project-based approach, creating a comprehensive household expenses app, makes learning engaging and practical. Key features include: - CRUD functionality for expenses (using Firebase Firestore) - Calendar integration with FullCalendar - Data visualization with charts (pie and bar charts using react-chartjs-2) - Responsive design for mobile and desktop - State management and form handling with React Hook Form - Data validation using Zod - Date operations with DateFNS The inclusion of Firebase Firestore introduces learners to full-stack development, giving a broader understanding of building scalable web applications. ### Strengths: - Practical project that results in a usable household account app - Focus on functional components aligns with current React development trends - Integration of multiple modern libraries makes it comprehensive - Suitable for beginners with some basic knowledge of JavaScript and web development - Emphasizes full-stack development concepts ### Considerations: - No syllabus is provided, so learners should be prepared for a self-guided learning journey - The course mainly targets those interested in building similar apps; it might not delve deeply into advanced React or TypeScript topics - Might require prior basic understanding of JavaScript and web development tools ### Recommendation: If you are a beginner or intermediate developer looking to strengthen your React and TypeScript skills through a practical project, this course is highly recommended. Building a real-world household accounting app provides valuable experience in frontend and backend integration, as well as front-end design and data visualization. ### Summary: Overall, this course offers a well-rounded introduction to React with TypeScript, complemented by modern tools and libraries. Its project-based approach ensures you gain not only theoretical knowledge but also practical skills applicable to real-world projects. Whether you're aiming to enhance your portfolio or learn new development techniques, this course is a valuable investment. --- Would you like a more concise summary or assistance with specific aspects of the course?
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