POPULARITY
In today's episode, Chris and Caleb sit down and try to imagine what the perfect "hook" implementation might look like. Laravel, Livewire, and the upcoming Verbs package, all have to allow for hooking into logic at specific points, and each package has to handle this in its own unique way. What if there was a canonical way to hook into the lifecycle of a package that worked across the whole Laravel (and maybe beyond?) ecosystem?
- O que é um Ciclo de Vida - Constructor - Sempre precisamos chamar o super() na primeira linha do constructor - Atualiza as propriedades publicas - Insere o componente na DOM principal - Connected Callback - renderedCallback - Considere utilizar um hasRendered=true para evitar loops infinitos - errorCallback(error, stack) - Tome cuidado ao exibir mensagens de erro ao usuário, isso pode confundi-lo mais, tente exibir mensagens amigáveis e gerar os erros usando window.console.error(msg) - disconnectedCallback - Sempre que precisar fazer uma ação assim que seu componente for removido da tela - https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.create_lifecycle_hooks_intro Acompanhe as live de segunda a sexta às 21:41 Siga-nos no Instagram @iFernandoSousa & @Anellinv & @souforce Blog: https://souforce.cloud Cursos: https://cursos.souforce.cloud Podcast: https://souforce.cloud/podcast Telegram: https://t.me/souforce
02:59 - Rob Wormald Introduction Twitter GitHub 03:46 - Stephen Fluin Introduction Twitter GitHub Blog 04:28 - Improvements Coming for Routing in Angular 08:22 - Syntax 11:10 - Preloading Data 13:59 - Brian Ford’s Router => The New Router Lifecycle Hooks canActivate canDeactivate 17:23 - Does the new router do these things? Can I click on a link and tell it to go to a route? Can I pass parameters; multiple parameters? Can I add multiple routes to multiple different regions on the page? If I’m a child component, can I reach up and learn anything about my parent, and if so, what can I do? Will, with this router, do I have the option of Lazy loading the routes or loading them all up front? Can I route to two different states on the same page? 23:28 - Auxiliary Route 24:51 - Offline Compilation CSS (Cascading Style Sheets) 29:38 - Bundling; Development Experience 32:46 - Relative Pass 41:25 - Treeshaking 43:21 - What’s left before Angular goes live? Picks rollup.js (Rob) Google Play’s Family Plan (Jules) Plunker (Stephen) Ford and Chevrolet (John) Adobe Lightroom (John) X-Men Apocalypse (Joe) P.I. (Joe)
02:59 - Rob Wormald Introduction Twitter GitHub 03:46 - Stephen Fluin Introduction Twitter GitHub Blog 04:28 - Improvements Coming for Routing in Angular 08:22 - Syntax 11:10 - Preloading Data 13:59 - Brian Ford’s Router => The New Router Lifecycle Hooks canActivate canDeactivate 17:23 - Does the new router do these things? Can I click on a link and tell it to go to a route? Can I pass parameters; multiple parameters? Can I add multiple routes to multiple different regions on the page? If I’m a child component, can I reach up and learn anything about my parent, and if so, what can I do? Will, with this router, do I have the option of Lazy loading the routes or loading them all up front? Can I route to two different states on the same page? 23:28 - Auxiliary Route 24:51 - Offline Compilation CSS (Cascading Style Sheets) 29:38 - Bundling; Development Experience 32:46 - Relative Pass 41:25 - Treeshaking 43:21 - What’s left before Angular goes live? Picks rollup.js (Rob) Google Play’s Family Plan (Jules) Plunker (Stephen) Ford and Chevrolet (John) Adobe Lightroom (John) X-Men Apocalypse (Joe) P.I. (Joe)
02:59 - Rob Wormald Introduction Twitter GitHub 03:46 - Stephen Fluin Introduction Twitter GitHub Blog 04:28 - Improvements Coming for Routing in Angular 08:22 - Syntax 11:10 - Preloading Data 13:59 - Brian Ford’s Router => The New Router Lifecycle Hooks canActivate canDeactivate 17:23 - Does the new router do these things? Can I click on a link and tell it to go to a route? Can I pass parameters; multiple parameters? Can I add multiple routes to multiple different regions on the page? If I’m a child component, can I reach up and learn anything about my parent, and if so, what can I do? Will, with this router, do I have the option of Lazy loading the routes or loading them all up front? Can I route to two different states on the same page? 23:28 - Auxiliary Route 24:51 - Offline Compilation CSS (Cascading Style Sheets) 29:38 - Bundling; Development Experience 32:46 - Relative Pass 41:25 - Treeshaking 43:21 - What’s left before Angular goes live? Picks rollup.js (Rob) Google Play’s Family Plan (Jules) Plunker (Stephen) Ford and Chevrolet (John) Adobe Lightroom (John) X-Men Apocalypse (Joe) P.I. (Joe)
The Conversation Gist that Dylan prepared prior to the show. 02:15 - Dylan Johnson Introduction Twitter GitHub Blog Raymond James Financial The Pragmatic Programmer: From Journeyman to Master by Andy Hunt and Dave Thomas 05:41 - What “Pragmatic” Means 06:35 - Applying Pragmatic Principles in Angular 08:28 - Pragmatic Principles Always Learning Reactive Messaging Patterns with the Actor Model: Applications and Integration in Scala and Akka by Vaughn Vernon Why Functional Programming Matters by John Hughes 13:07 - Stone Soup 14:48 - Pragmatic Programmers Enjoy Change “Why should I go learn ‘x’ when I know ‘y’?” 21:58 - TypeScript Mixins Reginald Braithwaite: JavaScript Mixins, Subclass Factories, and Method Advice Let me google that for you (LMGTY) 33:30 - How do we apply these ideas to Angular 2? Rubber Duck Debugging “Rubber Duck Design” The Law of Demeter 39:00 - Testing 41:40 - How Pragmatic Programming Can Help 42:47 - New Year’s Resolution; Approaching Angular 2 Dan Abramov: Live React: Hot Reloading with Time Travel @ react-europe 2015 Lifecycle Hooks NG6-starter Picks More sleep (Ward) awesome-nodejs (A curated list of delightful Node.js packages and resources) (John) Exploding Kittens (John) Reactive Programming with RxJS Untangle Your Asynchronous JavaScript Code by Sergi Mansilla (Lukas) Greg Wilson: What We Actually Know About Software Development, and Why We Believe It's True (Joe) Star Wars: The Force Awakens Soundtrack (Joe) The Pragmatic Programmer: From Journeyman to Master by Andy Hunt and Dave Thomas (Dylan) The Pragmatic Programmer Wiki (Dylan) ES6 In Depth Articles (Dylan) TypeScript Deep Dive by Basarat Ali Syed (Dylan)
The Conversation Gist that Dylan prepared prior to the show. 02:15 - Dylan Johnson Introduction Twitter GitHub Blog Raymond James Financial The Pragmatic Programmer: From Journeyman to Master by Andy Hunt and Dave Thomas 05:41 - What “Pragmatic” Means 06:35 - Applying Pragmatic Principles in Angular 08:28 - Pragmatic Principles Always Learning Reactive Messaging Patterns with the Actor Model: Applications and Integration in Scala and Akka by Vaughn Vernon Why Functional Programming Matters by John Hughes 13:07 - Stone Soup 14:48 - Pragmatic Programmers Enjoy Change “Why should I go learn ‘x’ when I know ‘y’?” 21:58 - TypeScript Mixins Reginald Braithwaite: JavaScript Mixins, Subclass Factories, and Method Advice Let me google that for you (LMGTY) 33:30 - How do we apply these ideas to Angular 2? Rubber Duck Debugging “Rubber Duck Design” The Law of Demeter 39:00 - Testing 41:40 - How Pragmatic Programming Can Help 42:47 - New Year’s Resolution; Approaching Angular 2 Dan Abramov: Live React: Hot Reloading with Time Travel @ react-europe 2015 Lifecycle Hooks NG6-starter Picks More sleep (Ward) awesome-nodejs (A curated list of delightful Node.js packages and resources) (John) Exploding Kittens (John) Reactive Programming with RxJS Untangle Your Asynchronous JavaScript Code by Sergi Mansilla (Lukas) Greg Wilson: What We Actually Know About Software Development, and Why We Believe It's True (Joe) Star Wars: The Force Awakens Soundtrack (Joe) The Pragmatic Programmer: From Journeyman to Master by Andy Hunt and Dave Thomas (Dylan) The Pragmatic Programmer Wiki (Dylan) ES6 In Depth Articles (Dylan) TypeScript Deep Dive by Basarat Ali Syed (Dylan)
The Conversation Gist that Dylan prepared prior to the show. 02:15 - Dylan Johnson Introduction Twitter GitHub Blog Raymond James Financial The Pragmatic Programmer: From Journeyman to Master by Andy Hunt and Dave Thomas 05:41 - What “Pragmatic” Means 06:35 - Applying Pragmatic Principles in Angular 08:28 - Pragmatic Principles Always Learning Reactive Messaging Patterns with the Actor Model: Applications and Integration in Scala and Akka by Vaughn Vernon Why Functional Programming Matters by John Hughes 13:07 - Stone Soup 14:48 - Pragmatic Programmers Enjoy Change “Why should I go learn ‘x’ when I know ‘y’?” 21:58 - TypeScript Mixins Reginald Braithwaite: JavaScript Mixins, Subclass Factories, and Method Advice Let me google that for you (LMGTY) 33:30 - How do we apply these ideas to Angular 2? Rubber Duck Debugging “Rubber Duck Design” The Law of Demeter 39:00 - Testing 41:40 - How Pragmatic Programming Can Help 42:47 - New Year’s Resolution; Approaching Angular 2 Dan Abramov: Live React: Hot Reloading with Time Travel @ react-europe 2015 Lifecycle Hooks NG6-starter Picks More sleep (Ward) awesome-nodejs (A curated list of delightful Node.js packages and resources) (John) Exploding Kittens (John) Reactive Programming with RxJS Untangle Your Asynchronous JavaScript Code by Sergi Mansilla (Lukas) Greg Wilson: What We Actually Know About Software Development, and Why We Believe It's True (Joe) Star Wars: The Force Awakens Soundtrack (Joe) The Pragmatic Programmer: From Journeyman to Master by Andy Hunt and Dave Thomas (Dylan) The Pragmatic Programmer Wiki (Dylan) ES6 In Depth Articles (Dylan) TypeScript Deep Dive by Basarat Ali Syed (Dylan)