{"id":2367,"date":"2025-10-29T17:33:20","date_gmt":"2025-10-30T00:33:20","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=2367"},"modified":"2025-10-29T17:33:22","modified_gmt":"2025-10-30T00:33:22","slug":"errors-arrow-functions-and-local-variables","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/errors-arrow-functions-and-local-variables\/","title":{"rendered":"Errors, arrow functions, and local variables"},"content":{"rendered":"\n<p>This week, we\u2019re using the newsletter&#8217;s 3-2-1 format. I\u2019m posting a few essential articles to revisit, updates to know about, and one question to ponder:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Three articles to revisit:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Getting a reported error in production that you can&#8217;t reproduce, and you wish you had access to the user&#8217;s console logs? Well, <a href=\"https:\/\/www.angulartraining.com\/daily-newsletter\/rollbar-error-tracking-and-reporting\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Rollbar can do that for you.<\/a><\/li>\n\n\n\n<li>Arrow functions are everywhere in JavaScript, but <a href=\"https:\/\/www.angulartraining.com\/daily-newsletter\/everything-you-need-to-know-about-arrow-functions\/\" target=\"_blank\" rel=\"noopener\" title=\"\">do you know their different syntax options, and more importantly, why they matter<\/a>?<\/li>\n\n\n\n<li>Need a dropdown that automatically suggests and filters a list of items? Maybe you don&#8217;t need a component for that. Perhaps you don&#8217;t even need any JavaScript. Learn about <a href=\"https:\/\/www.angulartraining.com\/daily-newsletter\/auto-filtering-a-dropdown-list-with-datalist\/\" target=\"_blank\" rel=\"noopener\" title=\"\">auto-filtering with HTML datalist<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Two quick updates:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Angular 21 is scheduled for <a href=\"https:\/\/x.com\/angular\/status\/1983625137238020355\" target=\"_blank\" rel=\"noopener\" title=\"\">November 20th, it&#8217;s now official.<\/a> And Signal Forms will be included!<\/li>\n\n\n\n<li>If you&#8217;re looking for more Angular and JavaScript content, or even React and Vue tutorials, you can check out the <a href=\"https:\/\/certificates.dev\/blog?tech=angular,javascript\" target=\"_blank\" rel=\"noopener\" title=\"\">certificates.dev blog<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Did you know&#8230;<\/h2>\n\n\n\n<p>When using the <code>@for<\/code> block, you don&#8217;t need to declare local variables to use them. Just use <code>$index<\/code>, <code>$even<\/code> in your template, or any other local variable, and&#8230; it works!<\/p>\n\n\n\n<p><code>@for (item of items; track item.id) {<br>  &lt;p>Item #{{ $index }}: {{ item.name }}&lt;\/p><br>}<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, we\u2019re using the newsletter&#8217;s 3-2-1 format. I\u2019m posting a few essential articles to revisit, updates to know about, and one question to ponder: Three articles to revisit: Two quick updates: Did you know&#8230; When using the @for block, you don&#8217;t need to declare local variables to use them. Just use $index, $even in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2367","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/2367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/comments?post=2367"}],"version-history":[{"count":2,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/2367\/revisions"}],"predecessor-version":[{"id":2369,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/2367\/revisions\/2369"}],"wp:attachment":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/media?parent=2367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/categories?post=2367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/tags?post=2367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}