steph-crown

// ...

export class MemoryLeakComponent implements OnInit, OnDestroy {
  constructor(private readonly router: Router) {}

  count = 0;

  private sub: Subscription | undefined;

  ngOnInit() {

steph-crown

import { Component } from '@angular/core';
import { Router, RouterOutlet } from '@angular/router';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet],
  templateUrl: './app.component.html',
  styleUrl: './app.component.css',
})

steph-crown

<h1>Memory Leak Example</h1>
<button (click)="navigate()">Go to Memory Leak Component</button>
<router-outlet></router-outlet>

steph-crown

import { Routes } from '@angular/router';
import { MemoryLeakComponent } from './memory-leak.component';

export const routes: Routes = [
  { path: 'memory-leak', component: MemoryLeakComponent },
];

steph-crown

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { interval } from 'rxjs';

@Component({
  selector: 'app-memory-leak',
  template: `<div>
    <p>Interval count: {{ count }}</p>

    <button (click)="goBack()">Go back</button>

steph-crown

import { Component, OnDestroy } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent implements OnInit {
  constructor() {}

steph-crown

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent implements OnInit {
  constructor() {}

steph-crown

const Hooks = {
  UserMessages: {
    mounted() {
      let messages = [];

      this.pushEvent("get_messages", {}, (response) => {
        messages = response.messages;

        this.unmount = mount(
          this.el.id,

steph-crown

defmodule AnonMessagesWeb.UserMessagesLive do
  alias AnonMessages.Messaging
  
  # ...

  defp struct_to_map(struct) do
    Map.from_struct(struct) |> Map.delete(:__meta__)
  end

  def handle_event("get_messages", _, socket) do

steph-crown

# get messages by recipient_id in descending order of inserted_at
def get_messages_by_recipient_id(recipient_id) do
  from(m in Message, where: m.recipient_id == ^recipient_id, order_by: [desc: m.inserted_at])
  |> Repo.all()
end