Channel Title: Joshua Morony Channel Description: I think the web is cool and like to use it wherever I can. Check out my advanced Ionic tutorials at http://eliteionic.com. <video> THIS is a perfect example of where declarative RxJS goes wrong Description: My Angular course: https://angularstart.com/ A common criticism of RxJS is that the code written with it becomes messy and hard to debug. I think that the mistake outlined in this video is a common cause of these situations, but fortunately the mistake is easy to avoid if you are aware of it. Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@typedpixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 The mistake 0:35 The scenario 1:19 Adding a requirement 2:18 Compounding problems 3:09 Why is this bad? 3:25 The solution #angular #rxjs - More tutorials: https://modernangular.com </video> <video> Angular v19 is out!... and it changed my apps (significantly) Description: My Angular course: https://angularstart.com/ Angular v19 is out with a bunch of new features including improvements to SSR, more schematics, standalone by default, changes to effect... and perhaps the biggest new features: resource and linkedSignal Full video on Quicklists: https://youtu.be/Jv9RO9bR5Gw Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@typedpixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 Angular v19 0:24 resource and linkedSignal 0:45 Example app 1 1:15 Example app 2 1:53 Example app 3 3:07 Still experimental #angular #rxjs #signals - More tutorials: https://modernangular.com </video> <video> A little TOO complex for Angular signals? or a viable RxJS alternative? Description: My Angular course: https://angularstart.com/ I've been experimenting with using rxResource and linkedSignal in place of some RxJS in my applications, and I've been able to achieve a lot more with it than I originally thought. Source code: https://github.com/joshuamorony/angularstart-giflist/blob/v19-migration/src/app/shared/data-access/reddit.service.ts Previous video: https://youtu.be/Jv9RO9bR5Gw Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@typedpixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 Context 1:21 Comparison 2:21 linkedSignal 3:27 rxResource 4:13 Advanced linkedSignal #angular #signals #rxjs - More tutorials: https://modernangular.com </video> <video> The most powerful RxJS combo I've ever used (massive performance improvement) Description: My game dev channel: https://www.youtube.com/@TypedPixels I was attempting to do too much work in one frame, leading to slow frames and a poor user experience. But with bufferCount, observeOn, and animationFrameScheduler I was able to drastically improve performance. Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@TypedPixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 Introduction 0:22 The performance problem 0:55 The solution 1:20 bufferCount 1:56 observeOn + animationFrameScheduler 2:53 The result #rxjs #angular #phaser - More tutorials: https://modernangular.com </video> <video> How to deeply understand Angular signals (...or anything) Description: My Angular course: https://angularstart.com/ One of the best ways to improve as a developer is to take the leap into looking into how things work yourself, and it might be easier than you think. In this video, we explore how signal and computed works in Angular by looking into the source code ourselves, rather than relying on information we might find from other sources. Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@typedpixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 How to improve 0:40 How does a signal work? 2:01 Creating a signal node 2:38 How a signal knows it has been accessed 3:06 What is a reactive context? 5:12 Using the debugger 6:35 Creating the reactive graph 7:55 How does computed know to update? 9:32 What have we learned? #angular #signals - More tutorials: https://modernangular.com </video> <video> I could remove ALL RxJS in my Angular app, but should I? Description: My Angular course: https://angularstart.com/ The new "resource" API and the "linkedSignal" primitive can do a surprising amount of the heavy lifting I would typically do with RxJS. In this scenario, I could remove all of the existing RxJS and do everything entirely with signals, but is that a good idea? The original RxJS/Signals state management video: https://www.youtube.com/watch?v=R4Ff2bPiWh4 Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@typedpixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 RxJS/Signals state management 1:30 The resource API 2:30 Handling actions with signals 5:07 The role of linkedSignal #angular #rxjs #signals - More tutorials: https://modernangular.com </video> <video> Why XState and RxJS are not "too complex" Description: My Angular course: https://angularstart.com/ A common criticism of both XState and RxJS is that they are too complex, but I think this is an inaccurate description of these tools, the values they provide, and the contexts in which they provide the most value. If you're interested in the game dev side of the project I have shown in this video, you can see more here: https://www.youtube.com/watch?v=0QivXTBwnFM Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 Want to build mobile apps with Angular?: https://ionicstart.com Interested in game dev content?: https://youtube.com/@typedpixels 0:00 What is XState? 0:36 Is XState too complex? 1:39 An example 4:13 The state machine #angular #rxjs #xstate - More tutorials: https://modernangular.com - Follow me on Twitter: https://twitter.com/joshuamorony </video> <video> Angular team shows POTENTIAL new component authoring formats Description: My Angular course: https://angularstart.com/ The Angular team surprised everyone by revealing some ideas they have for potential component authoring formats in Angular's future, including a functional style and an HTML first style similar to the Analog format. These are just currently ideas, but likely are indicative of the general direction the Angular team is heading in. JavaScript Day 2024: https://www.youtube.com/watch?v=Uf1B1dTLRXs Primeagen clip: https://www.youtube.com/watch?v=MY11Uq7LO-E Jason clip: https://www.youtube.com/watch?v=VSCXOTCJpiI Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@typedpixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 New component syntax? 1:16 Reducing boilerplate 3:15 Reducing friction 3:38 Just like React? #angular - More tutorials: https://modernangular.com </video> <video> Why I'm still using RxJS (not signals) for host binding in Angular Description: My Angular course: https://angularstart.com/ To counter my bias toward RxJS (as the solution that I am most familiar with), I have been taking a "signals first" approach. But there are some situations, like host bindings for events, where I still find RxJS to be the more declarative and elegant solution. Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@typedpixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 Signals first 0:33 Using signals with host binding 2:52 Declarative RxJS approach #angular #rxjs #signals - More tutorials: https://modernangular.com </video> <video> How I code PRODUCTIVELY on my phone (with Neovim) Description: The ADM42 keyboard: https://adm42.dev/?ref=3 I recently set up Termux on my phone along with neovim and most of my usual development workflow. Now that I've tried actually using this setup I have some thoughts on how viable it is, and how much I've been able to improve my mobile workflow with the ADM42 keyboard. Previous termux video: https://www.youtube.com/watch?v=IukN-acCVZ0 Moonlander video: https://www.youtube.com/watch?v=P5QPacz2-ao The ADM42 keyboard: https://adm42.dev/?ref=3 Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My Angular course: https://angularstart.com/ Want to build mobile apps with Angular?: https://ionicstart.com 0:00 Termux 1:20 Putting it to the test 2:15 The ADM42 and Moonlander 4:01 The pain points #neovim #keyboard #productivity - More tutorials: https://modernangular.com - Follow me on Twitter: https://twitter.com/joshuamorony </video> <video> Lots of small projects? You might be missing out on a MONOREPO Description: My Angular course: https://angularstart.com/ People might think of Nx and monorepos as being suited to large and complex projects and organisations, but there is a lot of power you can utilise even if you are just building small or personal projects. More on Nx generators: https://www.youtube.com/watch?v=9CsHV4umWR8 (slightly older vid but covers more complex generators) Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 Want to build mobile apps with Angular?: https://ionicstart.com 0:00 Introduction 0:44 The scenario 1:08 Setting up the monorepo 1:46 Creating a generator 4:33 Using libraries #nx #monorepo - More tutorials: https://modernangular.com - Follow me on Twitter: https://twitter.com/joshuamorony </video> <video> Why does Angular need JavaScript's most unused primitive Description: My Angular course: https://angularstart.com/ Most JavaScript developers are probably familiar with the most common JavaScript primitives like string, number, boolean, null, and undefined... but perhaps not with bigint and symbol. This video explores what exactly the symbol primitive is, and how Angular is using it for their signals implementation Signals deep dive: https://www.youtube.com/watch?v=C_xXv27_gHg Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@typedpixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 JavaScript primitives 0:52 What is the symbol primitive 1:57 Aren't objects already unique? 2:20 Primary use of symbols 3:41 How Angular uses symbols 6:37 Creating fake signals 7:08 Avoiding name collisions #angular #javascript - More tutorials: https://modernangular.com </video> <video> WEB WORKERS made my code over 100x faster (almost ZERO blocking time) Description: My game dev channel: https://www.youtube.com/@TypedPixels Web workers provide a way to get some sort of multi threading capabilities in JavaScript. They have limitations, but in the right circumstances they can lead to huge performance improvements. In this video, I show how I offload a ton of heavy computations to a worker thread to decrease a large amount of blocking time to almost zero. More on "wave function collapse" algorithm: https://www.youtube.com/watch?v=zE1Jbh8b0BM Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@TypedPixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 Introduction 0:19 The problem 1:15 Why web workers 1:58 Setting up a web worker 3:15 Using web workers 3:51 Web workers and DOM access 4:58 The results #angular #javascript #webworker - More tutorials: https://modernangular.com </video> <video> This is why PROFILING is critical for high performance JavaScript Description: My Angular course: https://angularstart.com/ I was having some performance problems with my JavaScript application, slow frames and memory leaks, and this video shows how I was able to effectively use the browser performance and memory profiling tools to find and fix the issue. Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 My game dev channel: https://www.youtube.com/@typedpixels MY GEAR: Keyboard: https://adm42.dev/?ref=3 Neovim setup: https://github.com/joshuamorony/lazyvim/ Animations: https://motioncanvas.io/ 0:00 Introduction 0:29 Diagnosing lag spike/slow frames 1:16 Using flame graphs/icicle graphs 3:33 Using console.time 4:33 Diagnosing a memory leak 7:00 Finding a memory leak #angular #javascript - More tutorials: https://modernangular.com </video> <video> This new Angular primitive might actually be a viable alternative to RxJS Description: My Angular course: https://angularstart.com/ Angular is introducing a new signals primitive in v19: resource. It will allow loading asynchronous data, e.g. from an HTTP request, in a declarative way with just signals. Not only that, it will also provide convenient access to signals representing the state of the request and any errors. The PR: https://github.com/angular/angular/pull/58255 Enea's article: https://push-based.io/article/everything-you-need-to-know-about-the-resource-api Previous declarative change video: https://www.youtube.com/watch?v=nxM_aCQlxuQ Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076 Want to build mobile apps with Angular?: https://ionicstart.com 0:00 The resource primitive 0:33 A scenario with RxJS 1:20 Why signals didn't work 1:36 Using the resource API 2:10 Comparison to RxJS 2:40 RxJS interop #angular #rxjs #signals - More tutorials: https://modernangular.com - Follow me on Twitter: https://twitter.com/joshuamorony </video>

Contacts and Links

Description

I think the web is cool and like to use it wherever I can. Check out my advanced Ionic tutorials at http://eliteionic.com.

Videos from channel