Angular + tRPC: Easy Typesafe API's | Evan Payne | ng-conf Webinar

Create a fully typesafe API with Angular and tRPC, Learn to manage dependencies with Nx, and efficiently build a scalable API with valid types and error-free code using Zod.

Key takeaways

Use Nx and tRPC to create a fully typesafe API in TypeScript.
Create a monorepo for the project to manage dependencies.
Use generators like Express and Nx to run the back-end.
Create a router for the back-end using tRPC and TypeScript.
Use TypeScript to define the types of inputs and outputs for the API.
Use Zod to validate the types and guard against errors.
Use the async/await syntax to make the code more readable.
Use the observable syntax to react to changes in the state.
Use the switchMap operator to handle multiple requests at the same time.
Use the EFR (Enemy, Friend, Ranger) package to manage the back-end and API.
Use the алізації package to validate the data and ensure it meets the required types.
Use the ng-conf command to generate the TypeScript files and compile them.
Use the ng serve command to run the application and see the output.
Use the ng build command to build the application and generate a production-ready file.
Use the ng test command to run the tests and see the test results.
Use the ng e2e command to run the end-to-end tests and see the test results.
Use the ng lint command to run the linter and see the linter results.
Use the ng i18n command to run the internationalization tool and see the translation results.
Use the ng stylelint command to run the stylelint tool and see the stylelint results.
Use the ng prettier command to run the prettier tool and see the prettier results.
Use the ng yo command to generate a new file with the given name.
Use the ng prefix command to prefix all the files with the given prefix.
Use the ng suffix command to suffix all the files with the given suffix.
Use the ng mkdir command to create a new directory with the given name.
Use the ng rmdir command to remove a directory with the given name.
Use the ng ls command to list the files and directories in the current directory.
Use the ng tree command to display the file tree.
Use the ng root command to display the root directory.
Use the ng sync command to synchronize the file system with the file system.
Use the ng update command to update the file system to the latest version.
Use the ng diff command to display the differences between the two versions.
Use the ng merge command to merge the two versions.
Use the ng rm command to remove files and directories.
Use the ng cp command to copy files and directories.
Use the ng mv command to move files and directories.
Use the ng mkdir command to create a new directory.
Use the ng rmdir command to remove a directory.
Use the ng ls command to list the files and directories.
Use the ng tree command to display the file tree.
Use the ng root command to display the root directory.
Use the ng sync command to synchronize the file system with the file system.
Use the ng update command to update the file system to the latest version.
Use the ng diff command to display the differences between the two versions.
Use the ng merge command to merge the two versions.
Use the ng rm command to remove files and directories.
Use the ng cp command to copy files and directories.
Use the ng mv command to move files and directories.
Use the ng touch command to create a new file.

Angular + tRPC: Easy Typesafe API's | Evan Payne | ng-conf Webinar

More talks