[Dúvida] Como posso adicionar informações fixas no projeto?

Oi Marcelo, tudo bem?

Entendo sua dúvida sobre como adicionar informações fixas em um projeto React. De fato, muitas vezes precisamos incluir informações que não serão alteradas durante a execução do projeto, e é importante saber como fazê-lo da forma correta para que elas não sejam perdidas quando o projeto for recarregado.

Uma forma de adicionar informações fixas é criando um arquivo de dados estáticos, como um arquivo JSON ou um arquivo JavaScript com objetos. Dessa forma, as informações estarão disponíveis no momento da inicialização do projeto e não serão perdidas durante a execução ou recarregamento da página.

Para exemplificar, vamos supor que você queira adicionar cards com informações fixas no início do projeto. Você poderia criar um arquivo JSON com as informações de cada card, da seguinte forma:

{
  "cards": [
    {
      "id": 1,
      "titulo": "Card 1",
      "descricao": "Descrição do card 1"
    },
    {
      "id": 2,
      "titulo": "Card 2",
      "descricao": "Descrição do card 2"
    },
    {
      "id": 3,
      "titulo": "Card 3",
      "descricao": "Descrição do card 3"
    }
  ]
}

Em seguida, você pode importar esse arquivo no seu componente e utilizar as informações para renderizar os cards. Por exemplo:

import cardsData from './cardsData.json';

function Cards() {
  const { cards } = cardsData;

  return (
    <div>
      {cards.map(card => (
        <div key={card.id}>
          <h2>{card.titulo}</h2>
          <p>{card.descricao}</p>
        </div>
      ))}
    </div>
  );
}

export default Cards;

Dessa forma, os cards serão renderizados com as informações do arquivo JSON e estarão disponíveis no momento da inicialização do projeto.

Outra forma de adicionar informações fixas é utilizando uma API externa ou interna que forneça esses dados. Nesse caso, é importante garantir que a API esteja disponível no momento da inicialização do projeto e que as informações sejam corretamente consumidas e renderizadas.

Espero que essas dicas possam te ajudar a adicionar informações fixas em seus projetos React. Lembre-se sempre de buscar as melhores práticas e de garantir a qualidade e a manutenibilidade do código. Qualquer outra dúvida, estou à disposição.

Bons estudos!