How To Combine Types In Your Node.js Server

Transcript

1. How To Combine Types In Your Node.js Server Tamar Twena-Stern
2. Tamar Twena-Stern • Software Engineer - manager and architect • Architect @PaloAltoNetworks • Was a CTO of my own startup • Passionate about Node.js ! • Twitter: @SternTwena
3. Tamar Twena-Stern • On Maternity Leave • Have 3 kids • Loves to play my violin • Javascript Israel community leader
4. Strongly Typed Languages • Use of programming language types in order to • Capture invariants of the code • Ensure its correctness • Definitely exclude certain classes of programming errors. • Stricter typing rules at compile time • Errors and exceptions are more likely to happen during compilation. • Rules affect variable assignment, return values and function calling.
5. JavaScript - Dynamically Typed language • No typing declarations • Runtime error checking • No types information • No return statement
6. Problems
7. Function Return
8. Lets Look At Read File
9. Third Party Authentication With Enum
10. Demo - Simple Function Call, No Types
11. Can You Use This API ?
12. Problem Summary • Hard to use existing APIs • Inconsistent types in your code • Type casting is hell • Hard for other developers to read the code and work on top of it
13. TypeScript
14. TypeScript • Superset of JavaScript • Transpiles to JavaScript • Adds optional static typing • Every JavaScript program is a valid TypeScript program • Can be used to develop Node.js servers
15. Transpiles To JavaScript Deploying and running JavaScript files TypeScript compiler create JavaScript files in build folder TypeScript source files
16. Demo - Simple Node.js TypeScript Server
17. Working With TypeScript In Node.js
18. TypeScript Compiler • Standard Microsoft TypeScript compiler • Using the command tsc : • Transpiles all .ts files • Create a build folder with JavaScript source files • Running, debugging and deployment on the build folder
19. Ts-node • An executable that we are running • Registers the TypeScript compiler for the relevant TypeScript file extensions. • Transpiling relevant extensions on the fly
20. Flow
21. Flow • Open source package • developed by Facebook • Static type checker for JavaScript • Works with babel compiler • JavaScript files with flow annotations
22. Flow Compiles With Babel Deploying and running JavaScript files Babel compiler create JavaScript files in build folder JavaScript source files with flow annotation
23. Simple Node Server With Flow
24. Lets Vote For Using Types In Node!
25. Basic Usage • Annotate your code with types • Catch errors during “compile” time • No types = plane JavaScript.
26. Demo - Basic Usage
27. Ease Of Development • Ability to Relate objects to their type origin in the files • Ability to auto complete according to the type origin • Ability to relate type to the file origin • Speeding up development in complex projects
28. Demo - Type Relating In The IDE
29. Are You Ready To Go Back To Our Problems ?
30. Function Return
31. Function Return With TypeScript
32. Read File With Types
33. Third Party Authentication
34. Simple Function Call With Types
35. Now, Lets Talk About The Challenging Parts
36. Code Transpiler • Source to source compiler • Both TypeScript And Flow require using a code transpilar • Typescript - tsc - from Typescript To JavaScript • Flow - babel - traspiles .js files to .js files with no types • The code that you run is not the code that you write
37. Adding A Build Step • Can slow development • Every code change requires new build • Need to work with ‘npm watch’ to synchronise every code change • Can cause debugging problems in the IDE
38. Production - Using Source Maps • Adding a compilation step -> Source code is different from deployed code • Stack traces from production will appear on the deployed code • Without them - Impossible to debug • Need to use source maps to display stack traces from the original code • Crucial to analyse bugs on different environments (dev/ prod)
39. SourceMaps - No Unified Standard • TypeScript: • source-map-support package • Add source map support in tsconfig • Flow + Babel • babel-plugin-source-map-support • Make sure your cloud logging service supports source maps
40. Remember This ? It Is Still A Problem
41. Tamar Twena-Stern •Twitter: @SternTwena