Podcasts about zone js

Jai Li joins us to deep dive into Zone.js and give us some pointers on working with zones in Angular. --- Video of episode: https://youtu.be/6A7JkzpJw0w --- Support this podcast: https://anchor.fm/angularair/support

Panel: Joe Eames Aaron Frost John Papa Special Guests: Jia Li In this episode, the Adventures in Angular panel talks with Jia Li about Zones.js. Check-out today’s episode to hear this topic plus more! Show Topics: 1:20 – What are zones? 1:25 – Jia: It is a library developed 4 years ago. 1:45 – Panelist: Execution context? What is this? 1:50 – Jia answers this question. 2:42 – I know it’s big in Angular because it kind of takes care of itself. What are the new things you have done in zones and let’s talk about that? 3:01 – Jia: I started contributing 2 years ago. About 1 year ago I was using Angular. I would like to talk about different 3:35 – Where are zones used in Angular – lots of people don’t know where it is. 3:48 – Jia: For four parts. 6:23 – What is this framework that you are talking about? Check-out the links for this framework. 6:42 – Panelists chime-in with their comments. 7:29 – Jia: It is a standalone package in Zone. 8:27 – Going back to John’s question. I only ran into it a few times – one time in one of my classes I made a new behavior subject. That subject got created before the zone. Anything I did outside of Angular zone, didn’t know what was going on. Once I stuck the behavior subject in one of the classes everything got taken care of. You kind of monkey patch... what else gets monkey patched by zones? 9:28 – Jia answers the question. 10:54 – Monkey-patch is a term that we use in this industry. What is it? 11:05 – Jia answers this question. Jia: Monkey patch basically is overriding the procedure for the API. 14:05 – What are some of the new things you are doing? I know you’ve done some new things and what’s new with Zones? 14:28 – Lia: It’s all about the performance. 16:55 – Panelist: I didn’t know all about these hooks – so that’s cool! I knew about handling errors, but I didn’t know there are different ways to work with the tasks. I am curious what kind of interesting things have you done with Zones as an Angular developer? 17:38 – Lia answers the questions. 19:15 – Debugging and tests are good for Zones. But it sounds like you are saying that Zones is not good for... 19:50 – Lia answers the question. 20:35 – Panelist: Sounds like Zones is doing what you need out of the box for... 20:51 – Panelist: You improved some of the performance? Zones doesn’t have that much of a footprint and is pretty lightweight. How much did you better the performance? 20-30%? 2:25 – Jia – I think the library is faster. There is a lot of garbage collection. It’s not that much. 22:47 – Advertisement – Code Badges! 23:38 – Panelist: So it will help with garbage collection. That is good to know. Cool to know that you can optimize such a small library with... 23:48 – Jia comments. 26:09 – Panelist: Gottcha. 26:16 – Jia continues this topic. Jia: A lot of new things are happening with the testing in the Zone. There are a lot of new features in the syntax. 27:35 – That is a nice feature to add back in. 27:43 – Jia continues the talk. 28:55 – Panelist: There are a lot of tests in this Repo. Do Zones generally work out of the box or do you have to add support for different things? What are the criteria to add support to? Blue Birds added to the list somehow. 29:32 – Jia answers this question. 30:03 – Panelist: Can the GIST team add support or only can the Zone team add it? 30:37 – Jia: Other teams can add support to their libraries. It’s public. 31:10 – Panelist: This is over my head, but is there a plan to get the documents going? 31:32 – Jia adds a comment. 31:41 – Panelist: Google this: What the heck is zones? An opposite side of the question: What would happen to Angular if you remove Zones.js? 32:10 – Jia answers this question. 332:37 – Zones is effectively how it works sweetly in Angular. It’s not totally true but if you remove Zones.js – which I see some people doing – why would someone do this? Is it heavy is it...? 33:20 – Jia answers the question. Jia: It’s not good for the Angular element. 34:29 – Panelist: It is an island of Angular. 34:54 – Jia continues this conversation. 35:10 – Panelist: That’s interesting – good to know. 35:18 – Jia: Back to the new features. 38:22 – Jia mentions another feature. 39:43 – JavaScript something haunts you – then you are now a real developer! 40:03 – Jia: Yes, exactly. 40:10 – Panelist: I am going to put some things in the links that the listeners can access. (NG Zone) 40:28 – Picks! 40:31 – Advertisement – Get a Coder Job Course Links: GitHub What is New in Zone.js Thriller Troopers Web Tracing Framework NG Zone Audible – Educated Real Talk – JavaScript The dark side of conferences Real Talk Java Script’s Twitter Jia Li’s LinkedIn Sponsors: Angular Boot Camp Digital Ocean Get a Coder Job Course Picks: Jia You Don’t Know JS Switching to Angular 2 Aaron Educated John Real Talk JavaScript https://twitter.com/realtalkjs The Dark Side of Conferences Joe The Developer Experience Bait and Switch

Panel: Joe Eames Aaron Frost John Papa Special Guests: Jia Li In this episode, the Adventures in Angular panel talks with Jia Li about Zones.js. Check-out today’s episode to hear this topic plus more! Show Topics: 1:20 – What are zones? 1:25 – Jia: It is a library developed 4 years ago. 1:45 – Panelist: Execution context? What is this? 1:50 – Jia answers this question. 2:42 – I know it’s big in Angular because it kind of takes care of itself. What are the new things you have done in zones and let’s talk about that? 3:01 – Jia: I started contributing 2 years ago. About 1 year ago I was using Angular. I would like to talk about different 3:35 – Where are zones used in Angular – lots of people don’t know where it is. 3:48 – Jia: For four parts. 6:23 – What is this framework that you are talking about? Check-out the links for this framework. 6:42 – Panelists chime-in with their comments. 7:29 – Jia: It is a standalone package in Zone. 8:27 – Going back to John’s question. I only ran into it a few times – one time in one of my classes I made a new behavior subject. That subject got created before the zone. Anything I did outside of Angular zone, didn’t know what was going on. Once I stuck the behavior subject in one of the classes everything got taken care of. You kind of monkey patch... what else gets monkey patched by zones? 9:28 – Jia answers the question. 10:54 – Monkey-patch is a term that we use in this industry. What is it? 11:05 – Jia answers this question. Jia: Monkey patch basically is overriding the procedure for the API. 14:05 – What are some of the new things you are doing? I know you’ve done some new things and what’s new with Zones? 14:28 – Lia: It’s all about the performance. 16:55 – Panelist: I didn’t know all about these hooks – so that’s cool! I knew about handling errors, but I didn’t know there are different ways to work with the tasks. I am curious what kind of interesting things have you done with Zones as an Angular developer? 17:38 – Lia answers the questions. 19:15 – Debugging and tests are good for Zones. But it sounds like you are saying that Zones is not good for... 19:50 – Lia answers the question. 20:35 – Panelist: Sounds like Zones is doing what you need out of the box for... 20:51 – Panelist: You improved some of the performance? Zones doesn’t have that much of a footprint and is pretty lightweight. How much did you better the performance? 20-30%? 2:25 – Jia – I think the library is faster. There is a lot of garbage collection. It’s not that much. 22:47 – Advertisement – Code Badges! 23:38 – Panelist: So it will help with garbage collection. That is good to know. Cool to know that you can optimize such a small library with... 23:48 – Jia comments. 26:09 – Panelist: Gottcha. 26:16 – Jia continues this topic. Jia: A lot of new things are happening with the testing in the Zone. There are a lot of new features in the syntax. 27:35 – That is a nice feature to add back in. 27:43 – Jia continues the talk. 28:55 – Panelist: There are a lot of tests in this Repo. Do Zones generally work out of the box or do you have to add support for different things? What are the criteria to add support to? Blue Birds added to the list somehow. 29:32 – Jia answers this question. 30:03 – Panelist: Can the GIST team add support or only can the Zone team add it? 30:37 – Jia: Other teams can add support to their libraries. It’s public. 31:10 – Panelist: This is over my head, but is there a plan to get the documents going? 31:32 – Jia adds a comment. 31:41 – Panelist: Google this: What the heck is zones? An opposite side of the question: What would happen to Angular if you remove Zones.js? 32:10 – Jia answers this question. 332:37 – Zones is effectively how it works sweetly in Angular. It’s not totally true but if you remove Zones.js – which I see some people doing – why would someone do this? Is it heavy is it...? 33:20 – Jia answers the question. Jia: It’s not good for the Angular element. 34:29 – Panelist: It is an island of Angular. 34:54 – Jia continues this conversation. 35:10 – Panelist: That’s interesting – good to know. 35:18 – Jia: Back to the new features. 38:22 – Jia mentions another feature. 39:43 – JavaScript something haunts you – then you are now a real developer! 40:03 – Jia: Yes, exactly. 40:10 – Panelist: I am going to put some things in the links that the listeners can access. (NG Zone) 40:28 – Picks! 40:31 – Advertisement – Get a Coder Job Course Links: GitHub What is New in Zone.js Thriller Troopers Web Tracing Framework NG Zone Audible – Educated Real Talk – JavaScript The dark side of conferences Real Talk Java Script’s Twitter Jia Li’s LinkedIn Sponsors: Angular Boot Camp Digital Ocean Get a Coder Job Course Picks: Jia You Don’t Know JS Switching to Angular 2 Aaron Educated John Real Talk JavaScript https://twitter.com/realtalkjs The Dark Side of Conferences Joe The Developer Experience Bait and Switch

Panel: Joe Eames Aaron Frost John Papa Special Guests: Jia Li In this episode, the Adventures in Angular panel talks with Jia Li about Zones.js. Check-out today’s episode to hear this topic plus more! Show Topics: 1:20 – What are zones? 1:25 – Jia: It is a library developed 4 years ago. 1:45 – Panelist: Execution context? What is this? 1:50 – Jia answers this question. 2:42 – I know it’s big in Angular because it kind of takes care of itself. What are the new things you have done in zones and let’s talk about that? 3:01 – Jia: I started contributing 2 years ago. About 1 year ago I was using Angular. I would like to talk about different 3:35 – Where are zones used in Angular – lots of people don’t know where it is. 3:48 – Jia: For four parts. 6:23 – What is this framework that you are talking about? Check-out the links for this framework. 6:42 – Panelists chime-in with their comments. 7:29 – Jia: It is a standalone package in Zone. 8:27 – Going back to John’s question. I only ran into it a few times – one time in one of my classes I made a new behavior subject. That subject got created before the zone. Anything I did outside of Angular zone, didn’t know what was going on. Once I stuck the behavior subject in one of the classes everything got taken care of. You kind of monkey patch... what else gets monkey patched by zones? 9:28 – Jia answers the question. 10:54 – Monkey-patch is a term that we use in this industry. What is it? 11:05 – Jia answers this question. Jia: Monkey patch basically is overriding the procedure for the API. 14:05 – What are some of the new things you are doing? I know you’ve done some new things and what’s new with Zones? 14:28 – Lia: It’s all about the performance. 16:55 – Panelist: I didn’t know all about these hooks – so that’s cool! I knew about handling errors, but I didn’t know there are different ways to work with the tasks. I am curious what kind of interesting things have you done with Zones as an Angular developer? 17:38 – Lia answers the questions. 19:15 – Debugging and tests are good for Zones. But it sounds like you are saying that Zones is not good for... 19:50 – Lia answers the question. 20:35 – Panelist: Sounds like Zones is doing what you need out of the box for... 20:51 – Panelist: You improved some of the performance? Zones doesn’t have that much of a footprint and is pretty lightweight. How much did you better the performance? 20-30%? 2:25 – Jia – I think the library is faster. There is a lot of garbage collection. It’s not that much. 22:47 – Advertisement – Code Badges! 23:38 – Panelist: So it will help with garbage collection. That is good to know. Cool to know that you can optimize such a small library with... 23:48 – Jia comments. 26:09 – Panelist: Gottcha. 26:16 – Jia continues this topic. Jia: A lot of new things are happening with the testing in the Zone. There are a lot of new features in the syntax. 27:35 – That is a nice feature to add back in. 27:43 – Jia continues the talk. 28:55 – Panelist: There are a lot of tests in this Repo. Do Zones generally work out of the box or do you have to add support for different things? What are the criteria to add support to? Blue Birds added to the list somehow. 29:32 – Jia answers this question. 30:03 – Panelist: Can the GIST team add support or only can the Zone team add it? 30:37 – Jia: Other teams can add support to their libraries. It’s public. 31:10 – Panelist: This is over my head, but is there a plan to get the documents going? 31:32 – Jia adds a comment. 31:41 – Panelist: Google this: What the heck is zones? An opposite side of the question: What would happen to Angular if you remove Zones.js? 32:10 – Jia answers this question. 332:37 – Zones is effectively how it works sweetly in Angular. It’s not totally true but if you remove Zones.js – which I see some people doing – why would someone do this? Is it heavy is it...? 33:20 – Jia answers the question. Jia: It’s not good for the Angular element. 34:29 – Panelist: It is an island of Angular. 34:54 – Jia continues this conversation. 35:10 – Panelist: That’s interesting – good to know. 35:18 – Jia: Back to the new features. 38:22 – Jia mentions another feature. 39:43 – JavaScript something haunts you – then you are now a real developer! 40:03 – Jia: Yes, exactly. 40:10 – Panelist: I am going to put some things in the links that the listeners can access. (NG Zone) 40:28 – Picks! 40:31 – Advertisement – Get a Coder Job Course Links: GitHub What is New in Zone.js Thriller Troopers Web Tracing Framework NG Zone Audible – Educated Real Talk – JavaScript The dark side of conferences Real Talk Java Script’s Twitter Jia Li’s LinkedIn Sponsors: Angular Boot Camp Digital Ocean Get a Coder Job Course Picks: Jia You Don’t Know JS Switching to Angular 2 Aaron Educated John Real Talk JavaScript https://twitter.com/realtalkjs The Dark Side of Conferences Joe The Developer Experience Bait and Switch

Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot  

Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot  

Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot  

JSJ 275: Zones in Node with Austin McDaniel The panel for this week on JavaScript Jabber is Cory House, Aimee Knight, and Charles Max Wood. They speak with special guest Austin McDaniel about Zones in Node. Tune in to learn more about this topic! [00:01:11] Introduction to Austin Austin has worked in JavaScript for the past ten years. He currently works in Angular development and is a panelist on Angular Air. He has spent most of his career doing work in front-end development but has recently begun working with back-end development. With his move to back-end work he has incorporated front-end ideas with Angular into a back-end concept. [00:02:00] The Way it Works NodeJS is an event loop. There is no way to scope the context of a call stack. So for example, Austin makes a Node request to a server and wants to track the life cycle of that Node request. Once deep in the scope, or deep in the code, it is not easy to get the unique id. Maybe he wants to get the user from Passport JS. Other languages – Python, Java – have a concept called thread local storage. They can associate context with the thread and throughout the life cycle of that request, he can retrieve that context. There is a TC39 proposal for zones. A zone allows you to do what was just described. They can create new zones and associate data with them. Zones can also associate unique ids for requests and can associate the user so they can see who requested later in the stack. Zones also allow to scope and create a context. And then it allows scoping requests and capturing contacts all the way down. [00:05:40] Zone Uses One way Zone is being used is to capture stack traces, and associating unique ids with the requests. If there is an error, then Zone can capture a stack request and associate that back to the request that happened. Otherwise, the error would be vague. Zones are a TC39 proposal. Because it is still a proposal people are unsure how they can use it. Zones are not a new concept. Austin first saw Zones being used back when Angular 2 was first conceived. If an event happened and they wanted to isolate a component and create a scope for it, they used Zones to do so. Not a huge fan of how it worked out (quirky). He used the same library that Angular uses in his backend. It is a specific implementation for Node. Monkey patches all of the functions and creates a scope and passes it down to your functions, which does a good job capturing the information. [00:08:40] Is installing the library all you need to get this started? Yes, go to npminstallzone.js and install the library. There is a middler function for kla. To fork the zone, typing zone.current. This takes the Zone you are in and creates a new isolated Zone for that fork. A name can then be created for the Zone so it can be associated back with a call stack and assigned properties. Later, any properties can be retrieved no matter what level you are at. [00:09:50] So did you create the Zone library or did Google? The Google team created the Zone library. It was introduced in 2014 with Angular 2. It is currently used in front-end development. [00:10:12] Is the TC39 proposal based on the Zone library? While Austin has a feeling that the TC39 proposal came out of the Zone library, he cannot say for sure. [00:10:39] What stage is the proposal in right now? Zone is in Stage Zero right now. Zone JS is the most popular version because of its forced adoption to Angular. He recommends people use the Angular version because it is the most tested as it has a high number of people using it for front-end development. [00:11:50] Is there an easy way to copy the information from one thread to another? Yes. The best way would probably be to manually copy the information. Forking it may also work. [00:14:18] Is Stage Zero where someone is still looking to put it in or is it imminent? Austin believes that since it is actually in a stage, it means it is going to happen eventually but could be wrong. He assumes that it is going to be similar to the version that is out now. Aimee read that Stage Zero is the implementation stage where developers are gathering input about the product. Austin says that this basically means, “Implementation may vary. Enter at your own risk.” [00:16:21] If I’m using New Relic, is it using Zone JS under the hood? Austin is unsure but there something like that has to be done if profiling is being used. There has to be a way that you insert yourself in between calls. Zone is doing that while providing context, but probably not using Zone JS. There is a similar implementation to tracing and inserting logging in between all calls and timeouts. [00:17:22] What are the nuances? Why isn’t everybody doing this? Zone is still new in the JavaScript world, meaning everyone has a ton of ideas about what should be done. It can be frustrating to work with Zone in front-end development because it has to be manually learned. But in terms of implementation, only trying to create a context. Austin recommends Zone if people want to create direct contacts. The exception would be 100 lines of Zone traces because they can get difficult. Another issue Austin has is Node’s native basic weight. Weight hooks are still up in the air. The team is currently waiting on the Node JS community to provide additional information so that they can finish. Context can get lost sometimes if the wrong language is used. He is using Typescript and doesn’t have that problem because it is straightforward. [00:21:44:] Does this affect your ability to test your software at all? No, there have not been any issues with testing. One thing to accommodate for is if you are expecting certain contexts to be present you have to mock for those in the tests. After that happens, the tests should have no problems. Picks Cory: Apple AirPods Aimee:​ Blackmill Understanding Zones Charles: Classical Reading Playlist on Amazon Building stairs for his dad Angular Dev Summit  Austin: NGRX Library Redux  Links Twitter GitHub

JSJ 275: Zones in Node with Austin McDaniel The panel for this week on JavaScript Jabber is Cory House, Aimee Knight, and Charles Max Wood. They speak with special guest Austin McDaniel about Zones in Node. Tune in to learn more about this topic! [00:01:11] Introduction to Austin Austin has worked in JavaScript for the past ten years. He currently works in Angular development and is a panelist on Angular Air. He has spent most of his career doing work in front-end development but has recently begun working with back-end development. With his move to back-end work he has incorporated front-end ideas with Angular into a back-end concept. [00:02:00] The Way it Works NodeJS is an event loop. There is no way to scope the context of a call stack. So for example, Austin makes a Node request to a server and wants to track the life cycle of that Node request. Once deep in the scope, or deep in the code, it is not easy to get the unique id. Maybe he wants to get the user from Passport JS. Other languages – Python, Java – have a concept called thread local storage. They can associate context with the thread and throughout the life cycle of that request, he can retrieve that context. There is a TC39 proposal for zones. A zone allows you to do what was just described. They can create new zones and associate data with them. Zones can also associate unique ids for requests and can associate the user so they can see who requested later in the stack. Zones also allow to scope and create a context. And then it allows scoping requests and capturing contacts all the way down. [00:05:40] Zone Uses One way Zone is being used is to capture stack traces, and associating unique ids with the requests. If there is an error, then Zone can capture a stack request and associate that back to the request that happened. Otherwise, the error would be vague. Zones are a TC39 proposal. Because it is still a proposal people are unsure how they can use it. Zones are not a new concept. Austin first saw Zones being used back when Angular 2 was first conceived. If an event happened and they wanted to isolate a component and create a scope for it, they used Zones to do so. Not a huge fan of how it worked out (quirky). He used the same library that Angular uses in his backend. It is a specific implementation for Node. Monkey patches all of the functions and creates a scope and passes it down to your functions, which does a good job capturing the information. [00:08:40] Is installing the library all you need to get this started? Yes, go to npminstallzone.js and install the library. There is a middler function for kla. To fork the zone, typing zone.current. This takes the Zone you are in and creates a new isolated Zone for that fork. A name can then be created for the Zone so it can be associated back with a call stack and assigned properties. Later, any properties can be retrieved no matter what level you are at. [00:09:50] So did you create the Zone library or did Google? The Google team created the Zone library. It was introduced in 2014 with Angular 2. It is currently used in front-end development. [00:10:12] Is the TC39 proposal based on the Zone library? While Austin has a feeling that the TC39 proposal came out of the Zone library, he cannot say for sure. [00:10:39] What stage is the proposal in right now? Zone is in Stage Zero right now. Zone JS is the most popular version because of its forced adoption to Angular. He recommends people use the Angular version because it is the most tested as it has a high number of people using it for front-end development. [00:11:50] Is there an easy way to copy the information from one thread to another? Yes. The best way would probably be to manually copy the information. Forking it may also work. [00:14:18] Is Stage Zero where someone is still looking to put it in or is it imminent? Austin believes that since it is actually in a stage, it means it is going to happen eventually but could be wrong. He assumes that it is going to be similar to the version that is out now. Aimee read that Stage Zero is the implementation stage where developers are gathering input about the product. Austin says that this basically means, “Implementation may vary. Enter at your own risk.” [00:16:21] If I’m using New Relic, is it using Zone JS under the hood? Austin is unsure but there something like that has to be done if profiling is being used. There has to be a way that you insert yourself in between calls. Zone is doing that while providing context, but probably not using Zone JS. There is a similar implementation to tracing and inserting logging in between all calls and timeouts. [00:17:22] What are the nuances? Why isn’t everybody doing this? Zone is still new in the JavaScript world, meaning everyone has a ton of ideas about what should be done. It can be frustrating to work with Zone in front-end development because it has to be manually learned. But in terms of implementation, only trying to create a context. Austin recommends Zone if people want to create direct contacts. The exception would be 100 lines of Zone traces because they can get difficult. Another issue Austin has is Node’s native basic weight. Weight hooks are still up in the air. The team is currently waiting on the Node JS community to provide additional information so that they can finish. Context can get lost sometimes if the wrong language is used. He is using Typescript and doesn’t have that problem because it is straightforward. [00:21:44:] Does this affect your ability to test your software at all? No, there have not been any issues with testing. One thing to accommodate for is if you are expecting certain contexts to be present you have to mock for those in the tests. After that happens, the tests should have no problems. Picks Cory: Apple AirPods Aimee:​ Blackmill Understanding Zones Charles: Classical Reading Playlist on Amazon Building stairs for his dad Angular Dev Summit  Austin: NGRX Library Redux  Links Twitter GitHub

JSJ 275: Zones in Node with Austin McDaniel The panel for this week on JavaScript Jabber is Cory House, Aimee Knight, and Charles Max Wood. They speak with special guest Austin McDaniel about Zones in Node. Tune in to learn more about this topic! [00:01:11] Introduction to Austin Austin has worked in JavaScript for the past ten years. He currently works in Angular development and is a panelist on Angular Air. He has spent most of his career doing work in front-end development but has recently begun working with back-end development. With his move to back-end work he has incorporated front-end ideas with Angular into a back-end concept. [00:02:00] The Way it Works NodeJS is an event loop. There is no way to scope the context of a call stack. So for example, Austin makes a Node request to a server and wants to track the life cycle of that Node request. Once deep in the scope, or deep in the code, it is not easy to get the unique id. Maybe he wants to get the user from Passport JS. Other languages – Python, Java – have a concept called thread local storage. They can associate context with the thread and throughout the life cycle of that request, he can retrieve that context. There is a TC39 proposal for zones. A zone allows you to do what was just described. They can create new zones and associate data with them. Zones can also associate unique ids for requests and can associate the user so they can see who requested later in the stack. Zones also allow to scope and create a context. And then it allows scoping requests and capturing contacts all the way down. [00:05:40] Zone Uses One way Zone is being used is to capture stack traces, and associating unique ids with the requests. If there is an error, then Zone can capture a stack request and associate that back to the request that happened. Otherwise, the error would be vague. Zones are a TC39 proposal. Because it is still a proposal people are unsure how they can use it. Zones are not a new concept. Austin first saw Zones being used back when Angular 2 was first conceived. If an event happened and they wanted to isolate a component and create a scope for it, they used Zones to do so. Not a huge fan of how it worked out (quirky). He used the same library that Angular uses in his backend. It is a specific implementation for Node. Monkey patches all of the functions and creates a scope and passes it down to your functions, which does a good job capturing the information. [00:08:40] Is installing the library all you need to get this started? Yes, go to npminstallzone.js and install the library. There is a middler function for kla. To fork the zone, typing zone.current. This takes the Zone you are in and creates a new isolated Zone for that fork. A name can then be created for the Zone so it can be associated back with a call stack and assigned properties. Later, any properties can be retrieved no matter what level you are at. [00:09:50] So did you create the Zone library or did Google? The Google team created the Zone library. It was introduced in 2014 with Angular 2. It is currently used in front-end development. [00:10:12] Is the TC39 proposal based on the Zone library? While Austin has a feeling that the TC39 proposal came out of the Zone library, he cannot say for sure. [00:10:39] What stage is the proposal in right now? Zone is in Stage Zero right now. Zone JS is the most popular version because of its forced adoption to Angular. He recommends people use the Angular version because it is the most tested as it has a high number of people using it for front-end development. [00:11:50] Is there an easy way to copy the information from one thread to another? Yes. The best way would probably be to manually copy the information. Forking it may also work. [00:14:18] Is Stage Zero where someone is still looking to put it in or is it imminent? Austin believes that since it is actually in a stage, it means it is going to happen eventually but could be wrong. He assumes that it is going to be similar to the version that is out now. Aimee read that Stage Zero is the implementation stage where developers are gathering input about the product. Austin says that this basically means, “Implementation may vary. Enter at your own risk.” [00:16:21] If I’m using New Relic, is it using Zone JS under the hood? Austin is unsure but there something like that has to be done if profiling is being used. There has to be a way that you insert yourself in between calls. Zone is doing that while providing context, but probably not using Zone JS. There is a similar implementation to tracing and inserting logging in between all calls and timeouts. [00:17:22] What are the nuances? Why isn’t everybody doing this? Zone is still new in the JavaScript world, meaning everyone has a ton of ideas about what should be done. It can be frustrating to work with Zone in front-end development because it has to be manually learned. But in terms of implementation, only trying to create a context. Austin recommends Zone if people want to create direct contacts. The exception would be 100 lines of Zone traces because they can get difficult. Another issue Austin has is Node’s native basic weight. Weight hooks are still up in the air. The team is currently waiting on the Node JS community to provide additional information so that they can finish. Context can get lost sometimes if the wrong language is used. He is using Typescript and doesn’t have that problem because it is straightforward. [00:21:44:] Does this affect your ability to test your software at all? No, there have not been any issues with testing. One thing to accommodate for is if you are expecting certain contexts to be present you have to mock for those in the tests. After that happens, the tests should have no problems. Picks Cory: Apple AirPods Aimee:​ Blackmill Understanding Zones Charles: Classical Reading Playlist on Amazon Building stairs for his dad Angular Dev Summit  Austin: NGRX Library Redux  Links Twitter GitHub

In this episode, we’re joined by our special guest, Ayşegül Yönet, a Software Engineer Autodesk, who will help us discuss the popular Google JavaScript framework Angular. In the episode, we discuss the benefits of leveraging Angular and what the major differences are from Angular 1 and Angular 2. Items mentioned in the episode: Angular, Autodesk, Reddit, React, Scope, Knockout, Igor Minar, ASP.Net, Vue JS, Laravel, PHP, Visual Studio, Google Wave, Google Reader, Zone JS, Ember, TypeScript, Forward JS, RxJS, Frontend Masters, Angular.io, Pluralsight, John Papa, Angular Style Guide, Angular CLI, Closure Guests: Ayşegül Yönet - @AysSomething Panelists: Ryan Burgess - @burgessdryan Jem Young - @JemYoung Derrick Showers - @derrickshowers Brian Holt - @holtbt Stacy London - @stacylondoner Picks: Ayşegül Yönet - Yoga Trapeze Swing Ayşegül Yönet - Google Home Ayşegül Yönet - Girl Develop It Ayşegül Yönet - Annie Cannons Ryan Burgess - NG-Cruise Ryan Burgess - Astral Jem Young - Private Internet Access Jem Young - Elcomsoft Derrick Showers - Omni Derrick Showers - Fernet Brian Holt - Aysegul's Twitter Brian Holt - Southern Poverty Law Center Brian Holt - Todd Motto Stacy London - Lighthouse Stacy London - Peak Magnetic by Clark