Latest videos about TypeScript
TypeScript in Express – TypeScript Tutorial
- **TypeScript for Express Servers**: The course emphasizes how TypeScript enhances Express servers by making them safer, more scalable, and easier to maintain, combining the speed of Express with the reliability of strong typing. - **Hands-on Environment Setup**: The tutorial provides a practical guide to setting up a TypeScript-powered Express environment, including `npm init`, installing Express, TypeScript, and `@types/express`, configuring `tsconfig.json`, and using `npm` scripts for compilation and execution. - **Structuring and Typing API Components**: Key aspects of building an API are covered, such as structuring routes, controllers, and middleware. The course demonstrates how to apply full type safety to these components, including custom types for data models, specific request/response generics, and typing query parameters (strings, booleans, numbers). - **Real-world API Features**: The course builds a simple, read-only pet shelter API, incorporating essential real-world features like a 404 catch-all route, CORS implementation, and custom middleware for input validation and authentication. - **Modular Codebase and Best Practices**: The importance of a modular codebase is highlighted through refactoring, separating concerns into dedicated routes and controllers using `express.Router`, ensuring that all TypeScript typings are maintained throughout the restructuring.
TypeScript in React - Full Tutorial
- This tutorial focuses on integrating TypeScript into React projects, specifically using an existing React application called "Assembly Endgame" (a Hangman-style game) as a refactoring example. - Key topics covered include typing `useState` hooks, defining types for functional components using `JSX.Element` (and why it's preferred over `React.FC`), and handling component props. - The tutorial emphasizes creating custom types for props to maintain cleaner and more readable code, especially when dealing with multiple props or complex object structures. - It also demonstrates how to type function props, a common pattern in React for passing callbacks between components, and how to import types for modularity. - The course is highly hands-on, featuring numerous challenges to reinforce learning and encourage practical application of TypeScript concepts in a React context.