Comments (2)
Eai Colega!
Queria te mostrar uma melhoria que fiz em nosso código. Criei uma função chamada formatPrice que é bem simples, mas muito útil. Ela é responsável por formatar preços em nosso aplicativo de uma maneira amigável.
Aqui está a função em JavaScript:
const formatPrice = (price: number): string => {
if (isNaN(price)) {
return "Preço inválido";
}
return new Intl.NumberFormat("pt-BR", {
style: "currency",
currency: "BRL",
}).format(price);
};
export default formatPrice;
Explicação:
Verificação de Validação: A função começa verificando se o preço passado como argumento é um número válido usando isNaN(price). Se não for válido, ela retorna a mensagem "Preço inválido".
Formatação de Preço: Se o preço for válido, a função utiliza o objeto Intl.NumberFormat para formatar o preço de acordo com as convenções de moeda brasileira (BRL). Isso inclui a formatação correta do símbolo da moeda, separadores de milhar e casas decimais.
Vantagens:
Clareza e Legibilidade: A função formatPrice torna o código mais claro e fácil de entender, pois encapsula a lógica de formatação de preços em um único lugar.
Reutilização: Podemos usar essa função em diferentes partes do projeto sempre que precisarmos formatar preços, evitando repetir código.
Mensagens de Erro Amigáveis: A função lida com erros de entrada de forma elegante, retornando a mensagem "Preço inválido" quando necessário.
Internacionalização: A função é configurada para formatar preços de acordo com as convenções de moeda do Brasil (BRL), o que a torna adaptável a diferentes contextos e locais.
Estou planejando criar um Pull Request (PR) para adicionar essa função ao nosso projeto, pois ela tornará o código mais organizado e fácil de manter. Qualquer feedback ou sugestões são bem-vindos. Obrigado!"
from fullstackweek-store.
Acho uma boa solução! Topa abrir um PR? :)
from fullstackweek-store.
Related Issues (16)
- Próximas Funcionalidades
- Definir estrutura da tabela `WishList` HOT 2
- Criar tabela `WishList`
- Adicionar botão de lista de desejos no menu lateral
- Adicionar tela de visualização de listas de desejos
- Adicionar botão de criação de lista de desejos
- Garantir que um produto possa ser adicionado a uma lista de desejos HOT 1
- localStorage is not defined
- Adicionar Tela do Dashbord de Controle de Estoque do Admin
- Adicionar menu lateral para adicionar novo produto no controle de estoque
- Adicionar Tela da Lista de produtos do Estoque
- Adicionar botão de favorito ao produto e inserir na tabela Wishlist HOT 1
- LocalStorage HOT 1
- getServerSession (Não passa o user ID correto)
- Status do pedido não está sendo atualizado para PAYMENT_CONFIRMED HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fullstackweek-store.