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

gravgor profile image

🌍 Landmark API: Real-time Data for Landmarks, Tourism, and Travel Tech

Marceli Borowczak -

julfikarhaidar profile image

Building a Responsive, Drag-and-Drop Image Gallery with React and Tailwind CSS 🎨

Julfikar Haidar -

abayomijohn273 profile image

Deploying NestJS Application using Vercel and Supabase

Abayomi Olatunji -

heritech9 profile image

Week 4 Recap of #100DaysOfCode: From Creative CSS to JavaScript Adventures 🚀

heritech9 -