Componente Comments

En mi caso yo no obtengo el texto del comentario desde el evento, cree una variable y la bindee al input:

<script>
  export let comments = [];
  let comment = '';
  
  function addComment() {
    comments = [...comments, {
      id: Date.now(),
      text: comment,
      username: 'luisxxor'
    }];
    comment = '';
  }
</script>```

  <form on:submit|preventDefault={addComment}>
    <input type="text"
      class="Comments-input"
      placeholder="Agregar comentario..."
      id="text"
      bind:value={comment}
    >
    <button type="submit">
      Post
    </button>
  </form>```

Esta es la solución ya que event esta deprecado.

function addComment(e) {
    const msg = e.target.text.value;
    if (msg.length > 3) {
      const message = {
        id: Date.now(),
        text: msg,
        username: "redyafte",
      };
      comments = [...comments, message];
      e.target.text.value = "";
    }
  }

Que curso tan maravilloso, estoy aprendiendo infinidades de cosas nuevas. Este es mi primer Framework JS

Podemos poner la data en un store? de ésta forma también funcionaría. Pero sería buena práctica? Qué es mejor?

la ruta del api ya no está disponible 😦

Me aparece este error en la consola y se me queda en cargando y no sale nada 😕

DevTools failed to load SourceMap: Could not load content for webpack:///node_modules/sockjs-client/dist/sockjs.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

Por qué en el input debemos entrar al id? Lo pregunto ya que en ReactJS no es necesario…

👌