Building User Interfaces and Functions with TypeScript and React
Delve into TypeScript generics and learn to build reusable functions and React components for searching, sorting, and filtering data, enhancing both business logic and UI efficiency.
- 29 lessons across 9 modules
- 7 quizzes with instant feedback
- 1 project in preconfigured environments
- 1 AI mock interview with scoring rubrics
- AI Tutor on every lesson
Hi everyone! I've been a professional full stack software engineer for 7+ years, and I've been programming for many more. In 2014, I earned two separate degrees from Clarkson University: Mechanical Engineering and Physics. I continued at Cornell for my M.S. Degree in Mechanical Engineering. My thesis at Cornell was a technical software project where I first learned Bash and used a unique stack of Perl and Fortran, producing a publication in the scientific journal Combustion and Flame: "A novel atom tracking algorithm for the analysis of complex chemical kinetic networks". After opening up my first terminal while at Cornell, I fell in love with software engineering and have since learned a variety of frameworks, databases, languages, and design patterns, including TypeScript, .NET, JavaScript, Python, React, Redux, ABAP, SAPUI5 UI5, C#, PHP7, Postgresql, and Magento. I love building full stack apps as side projects! I'm happy to give back and teach what I've learned over the years, because I think software development is especially difficult these days, with all the new tools and frameworks that seem to come out daily. I don't want anyone to be intimated by this and I too struggle and reach out from time to time for help and mentoring. I try to make my courses as clear as possible so you don't get lost or confused.
Join 3.1 million developers at
What You'll Learn
- An understanding of generics in TypeScript
- A working knowledge of how to create React components that accept generic arguments
- Hands-on experience building React components with TypeScript
- Ability to write, modify, and extend generic TypeScript functions
- Ability to understand and describe various UI designs
- An understanding of the tradeoffs involved in searching, sorting, and filtering functions
Learning Roadmap
2.
TypeScript Generics Introduction
TypeScript Generics Introduction
3.
Creating Mock Data for the Application
Creating Mock Data for the Application
2 Lessons
2 Lessons
4.
Building a Generic Search Function and UI Component
Building a Generic Search Function and UI Component
5 Lessons
5 Lessons
5.
Building a Generic Sort Function and UI Component
Building a Generic Sort Function and UI Component
6 Lessons
6 Lessons
6.
Building a Generic Filter Function and UI Component
Building a Generic Filter Function and UI Component
3 Lessons
3 Lessons
7.
Organizing Everything into a Single Generic Component
Organizing Everything into a Single Generic Component
7 Lessons
7 Lessons
9.
Appendix
Appendix
2 Lessons
2 Lessons
Chris Frewin
👋 Hi, I'm Chris, a senior full stack software engineering and educator! 👨💻
Trusted by 3.1 million developers working at companies
Anthony Walker
@_webarchitect_
Evan Dunbar
ML Engineer
Software Developer
Carlos Matias La Borde
Souvik Kundu
Front-end Developer
Vinay Krishnaiah
Software Developer
Built for 10x Developers
Free Resources
