How to write Express.js middleware with TypeScript
Hands-OnYou can extend your Express.js server easily with custom middleware. All you have to do is to write a function that accepts three parameters (req, res, next).
Styling React Components with CSS and TypeScript
ReactIn this post, we are going to take a look on how to add CSS styling to React Components with TypeScript. Our teacher Amir shows you how to structure your components and how to type your props, so that you won’t run into error TS2739. There will be also an introduction to CSS Modules.
Continue reading →Error TS1196: Catch clause variable type annotation
Best PracticesBy default, TypeScript’s compiler doesn’t allow you to add a custom type annotation to an error in a try-catch statement (TS1196). That’s because the underlying code can throw any type of error, even system generated exceptions, which makes it impossible for TypeScript to know the error type from the start. Luckily, there is the concept called “type guards“ which can help the TypeScript compiler to infer a specific type.
Continue reading →How to create a screencast
Hands-OnCreating a screencast is harder than it seems. Despite from the idea, you need the right hardware and software to produce high quality content. Especially the post-production is often underestimated. To make your work easier, we would like to give you a few tips on the way.
Continue reading →Rendering multiple elements in React
ReactIn the second episode of Amir’s “React with TypeScript“ course you will learn how to render multiple elements in React. Amir also shows you how to create a TypeScript interface which helps you to specify known properties of your objects.
Continue reading →Improve your switch cases with TypeScript
Best PracticesIn this tutorial Benny shows you simple techniques on how to improve your switch statements. Using the tips and tricks from the video, you will never miss a switch case again. You will also learn how to fix error TS2322, TS2366 and TS7030.
Continue reading →React with TypeScript for Beginners
ReactIt’s 2021 and TypeScript’s support for React apps improved by a lot. If you are new to TypeScript and React, you can learn from Amir Ghezelbash how to develop your first React app. In his tutorials, Amir starts from scratch and shows you on a weekly basis how to improve your React and TypeScript skills.
Continue reading →Docker Desktop: Hardware assisted virtualization
Hands-OnThere are TypeScript projects, such as @nestjsx/crud, which use Docker container images. Docker containers simplify application setups (like databases, caches, etc.) by providing pre-configured images in a virtual environment. Virtualization takes a lot of computing power and can be accelerated by hardware-assisted virtualization.
Continue reading →Upgrade to React Router v6
ReactReact Router Version 6 is great for TypeScript programmers because it ships with type definitions. Another great feature is the useRoutes hook, which simplifies routing setups in your functional React components. You can also render child components by using the new Outlet API.
Setup Webpack HMR with NestJS and React
ReactProgrammatically setup a Nest.JS server with Webpack’s Hot Module Replacement (HMR) to host a React web application.
Continue reading →