DEV Community

João Marcos
João Marcos

Posted on


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

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)

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(){ "your API endpoint", your_data ).subscribe((res:any) => (
      console.log(res),"Post created successfully", res);
    (error:any) => ("Error Creating post", error);
Enter fullscreen mode Exit fullscreen mode
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 :)

React vs Signals: 10 Years Later

React vs Signals

☝️ Check out this popular discussion about React