DEV Community

João Marcos
João Marcos

Posted on

What is the best way to manage the messages shown to users?

#angular #typescript #ngxs #javascript

I need to return messages for user actions, like "Successfully registered" or things like that, and I was wondering what is the best way to do this, to have a file with all messages or make them hard code?

Top comments (2)

Collapse
 
microtot profile image
MicroTot • • Edited

Can I get a snippet of your registration function so I have something to work with?
I don't know if this is a good practice but you can use the .subscribe() method:

In your imports:

import { HttpClient } from "@angular/common/http";
import { MatSnackBar } from "@angular/material/snack-bar";
Enter fullscreen mode Exit fullscreen mode

In your constructor:

constructor(private http: HttpClient, private snack: MatSnackBar,)
Enter fullscreen mode Exit fullscreen mode

Your function e.g. user creates a post/logs in:

login(){
    this.http.post( "your API endpoint", your_data ).subscribe((res:any) => (
      console.log(res),
      this.snack.open("Post created successfully", res);
    ), 
    (error:any) => (
      this.snack.open("Error Creating post", error);
    ))
  }
Enter fullscreen mode Exit fullscreen mode
Collapse
 
joaomarcos160 profile image
João Marcos •

Thanks, but I meant the messages themselves, for example, I could put them all in a messages.json and it would be something like this:

{
     success: "Success!",
     fail: "Something went wrong",
     create_success: "Created successfully"
}
Enter fullscreen mode Exit fullscreen mode

But I don't know if making this file is a good practice, or leaving everything hard code is good, but thanks anyway :)

Read next

louis_bertson_1124e9cdc59 profile image

QueryBuilder in Action Part 1

Louis Bertson -

aralroca profile image

Brisa 0.2.0 Release Notes

Aral Roca -

shavonharrisdev profile image

Understanding K Element Patterns in LeetCode: The Basics (Part 1)

Shavon Harris -

abhay_yt_52a8e72b213be229 profile image

Mastering Redux Toolkit: Simplify State Management in Your React App

Abhay Singh Kathayat -