We'll start the course off with some housekeeping items. You'll learn about the best strategy for getting the most out of the course as well as what you'll build during the course.
React with TypeScript
2h 53s
English
Paid
React with TypeScript is a 29-lesson 2 hours self-paced course by UI.dev (Tyler McGinnis). We'll start the course off with some housekeeping items.
Course facts
- Lessons
- 29
- Duration
- 2 hours
- Level
- All levels
- Language
- English
- Updated
- Instructor
- UI.dev (Tyler McGinnis)
- Price
- Premium
Additional
Who teaches React with TypeScript? UI.dev (Tyler McGinnis)
UI.dev (formerly tylermcginnis.com) is the online course platform of Tyler McGinnis, a US developer who has been publishing React and JavaScript educational material continuously since 2014. The platform was one of the earliest dedicated React-tutorial sources and remains widely cited for the depth of its long-form courses on JavaScript fundamentals and the React ecosystem.
Course material covers React (including modern hooks-based patterns and Next.js), modern JavaScript (the canonical Modern JavaScript course), Firebase, GraphQL, Redux, TypeScript with React, and the algorithm / data-structure interview prep track. The teaching style is unusually rigorous about the language fundamentals underneath the framework material — Tyler's Modern JavaScript course in particular is a classic of the genre.
The CourseFlix listing under this source carries over 15 UI.dev / Tyler McGinnis courses spanning that range. Material is paid; UI.dev runs on per-course or membership pricing on the original platform.
What lessons are included in React with TypeScript?
0:00
/ #1: Introduction, Philosophy, and Tips (2:08)
All Course Lessons (29)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Introduction, Philosophy, and Tips (2:08) Demo | 02:09 | |
| 2 | Configuring TypeScript for React (4:06) | 04:07 | |
| 3 | Class Components (3:11) | 03:12 | |
| 4 | (Practice) Annotating Components (1:00) | 01:01 | |
| 5 | (Solution) Annotating Components (3:56) | 03:57 | |
| 6 | Function Components (3:05) | 03:06 | |
| 7 | Component and Element Types (5:18) | 05:19 | |
| 8 | (Bonus) Intrinsic Elements (5:16) | 05:17 | |
| 9 | useState & useReducer (7:27) | 07:28 | |
| 10 | (Practice) useReducer (1:12) | 01:13 | |
| 11 | (Solution) useReducer (4:55) | 04:56 | |
| 12 | useEffect, useMemo, useCallback (4:08) | 04:09 | |
| 13 | Common Props Patterns (3:44) | 03:45 | |
| 14 | Event Handlers (5:02) | 05:03 | |
| 15 | Advanced Props Patterns (8:38) | 08:39 | |
| 16 | (Bonus) PropTypes (3:38) | 03:39 | |
| 17 | (Practice) Props (0:44) | 00:45 | |
| 18 | (Solution) Props (4:17) | 04:18 | |
| 19 | Context (4:17) | 04:18 | |
| 20 | Refs (3:24) | 03:25 | |
| 21 | (Project) Introduction (1:30) | 01:31 | |
| 22 | (Project) TypeScript Configuration (4:08) | 04:09 | |
| 23 | (Project) API (6:42) | 06:43 | |
| 24 | (Project) Hooks, Context, Tooltip (3:27) | 03:28 | |
| 25 | (Project) Battle (4:22) | 04:23 | |
| 26 | (Project) Card, Nav, Loading (2:42) | 02:43 | |
| 27 | (Project) Popular (9:19) | 09:20 | |
| 28 | (Project) Results (7:28) | 07:29 | |
| 29 | What's Next? (1:20) | 01:21 |
Unlock unlimited learning
Get instant access to all 28 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionWhat courses are similar to React with TypeScript?
Updated 2y agoFULL Authentication WITH REACT JS NEXT JS TYPESCRIPT
By: UdemyThis is simply the best course on the internet if you want to build and deploy the best authentication system that you can take and use in all of your projects6h 52m
Updated 2y agoReact - The full course
By: FireshipReact - The Full Course is unlike any other React course on the Internet. It provides a fast-paced introduction to essential concepts, then puts them.1h 20m
Updated 2y agoReact Three Fiber: The Ultimate Guide to 3D Web Developmen
By: Wawa Sensei3D development is a vast field with many different techniques. This comprehensive guide will give you the necessary tools to get started and resources to.9h 18m5/5
Updated 2y agoMastering React With Interview Questions,eStore Project-2024
By: UdemyExplore the comprehensive world of ReactJS as you dive into this course designed to master the fundamental and advanced facets of the latest React version (18).16h 53m
Updated 3y agoReact Router v5
By: UI.dev (Tyler McGinnis)React Router v5 — route configuration, dynamic routing, code splitting, server rendering, and migration patterns from earlier React Router versions.3h 38m
Updated 2y agoNext.JS with Sanity CMS - Serverless Blog App (w/ Vercel)
By: UdemyWe will start with integration of a very clean application layout I have prepared for you. We will follow latest practices of React and Next JS, this means we w13h 5m
Updated 3y agoFull Stack Advanced React + GraphQL
By: Wes BosJust as React has transformed the way we build web applications, GraphQL is changing how we build APIs to query and mutate data. With a focus on modern JavaScri15h 43m
Updated 3y agoMy first Remix app
By: Build UIRemix is a modern full-stack React framework built on the foundations of the web platform. It layers the latest innovations in the frontend ecosystem on top of5h5/5
More courses by UI.dev (Tyler McGinnis)
Updated 3y agoReact Router v4
For good reason, React Router is the most popular 3rd party library in the React ecosystem. If you're using React, odds are you're also using React Router. Reac6h 44m
Updated 3y agoReact Hooks
If you never develop a convincing answer for both of those questions, you won t have a solid enough foundation to build upon when you dive into the specifics.3h 47m
Updated 3y agoReact Fundamentals
If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of develo4h 36m
Updated 3y agoReact Native
The description is simple - learn how to create an iOS and Android React Native app that you submit to both the App Store and the Google Play store. With over 73h 46m
Updated 3y agoRedux
There's no better strategy for learning a new technology than building your own version of it. In this course, we'll take that to the extreme.7h 13m
ClassicThe interactive way to master modern React - react.gg (FULL COURSE)
OPTIMIZED FOR AHA! We’re obsessed with helping you reach your aha! moments. Our text sections help you master the “why” behind React concepts and include fun, i7h 53m5/5
Frequently asked questions
What are the prerequisites for this course?
This course is intended for developers who have a basic understanding of React and JavaScript. Familiarity with TypeScript is beneficial but not required, as the course will cover configuring TypeScript for React in detail. Prior experience with component types and use of state management hooks in React will help in understanding the course material more effectively.
What projects will I work on during this course?
Throughout the course, students will work on a project that includes configuring TypeScript, creating API calls, and implementing React Hooks and Context. The project also involves building components such as Card, Nav, and Loading, managing application state with useReducer, and handling complex UI elements like Tooltip and Battle.
Who is the target audience for this course?
The course is designed for React developers who want to enhance their skills by integrating TypeScript into their projects. It is suitable for those who aim to build more robust and maintainable applications using TypeScript's type system, and for developers looking to deepen their understanding of advanced React patterns.
How does the depth of this course compare to other React courses?
This course delves into both React and TypeScript, focusing on their integration. It covers advanced topics like Context, Refs, and custom hooks such as useState and useReducer. Compared to courses focusing solely on React, this one provides a dual perspective, emphasizing TypeScript's role in enhancing type safety and component management in React applications.
What specific tools or platforms will I learn to use?
The course covers essential tools and concepts for integrating TypeScript with React, including configuring TypeScript specifically for React applications. Students will learn about component and element types, use of common and advanced props patterns, state management hooks, and handling of intrinsic elements within React.
What topics are not covered in this course?
The course does not cover basic React or JavaScript concepts, assuming prior knowledge in these areas. It also does not delve into TypeScript features unrelated to React, such as advanced TypeScript types or integrations with other frameworks like Angular or Vue.
What is the expected time commitment for this course?
The course consists of 29 lessons with varying lengths, including both practice and solution sessions. While the total runtime is not specified, students should allocate additional time for practicing and applying concepts in the project work. It's advisable to approach the course at a pace that allows for thorough understanding, particularly during practical exercises.