1 min de leitura ·

[FrontEnd] [React] Utilizar Libs para fazer um projeto pessoal

Olá, me chamo Erik!

Breve trecho sobre mim

Já tô meio iniciado como desenvolvedor mas não há tanto tempo, então acaba que me pego tendo alguns pensamentos e ,talvez por falta de experiência, me surgiu uma dúvida e queria a opinião de mais pessoas.

Utilizar libs e código já pronto de outras pessoas..

Essa dúvida veio a minha cabeça quando eu estava fazendo um projeto pessoal e nesse projeto eu precisava fazer um simples star rating (exemplo a baixo), me deparei em uma situação na qual eu não nunca tinha feito algo parecido antes e iria ter que implementar algum esforço ou eu poderia simplesmente utilizar uma biblioteca e resolver o meu problema, mas fica a questão eu não implementei de forma genuína mas fiz a entrega, a síndrome do impostor veio a mente.

O que vocês pensam sobre isso? Alguém já passou por algo parecido?

LukeMe

2 anos atrás

Eu costumo usar bastante o Material UI (MUI), que é uma lib da Google para React. Nela já tem a Rating Start e você consegue trocar para outros ícones, Coração, ou algum outro ícones que queira. Inclusive dentro desta o MUI tem uma biblioteca de ícones com muita variedade.
GL

Eriket0107

Autor

2 anos atrás

Po! Foi essa mesmo que eu utilizei pra chegar na solução, ela é bem boa!! Agora tô dando uma focada na lógica por trás pra entender como fazer!

catania

2 anos atrás

Acho válido você utilizar essas alternativas prontas caso já saiba fazer.

No caso de um projeto pessoal o intuito é aprender, se você não sabe fazer não copie de outro lugar mas sim busque conhecimento para desenvolver a feature. Acho válido você desenvolver na mão mesmo se já saber, afinal a proposta é aprender e praticar.

Se for um projeto profissional, que tenha um compromisso e uma data de entrega, acho válido utilizar se não conseguir achar uma outra forma a tempo ou se ficar mais prático o desenvolvimento.

Mas não se culpe ou fique chateado por não saber fazer uma coisa, você se manteve em pé e buscou uma solução, utilizando uma lib ou olhando no StackOverflow, o importante foi que você não desistiu. Você nunca saberá fazer tudo, o importante é sempre estar estudando e se aprimorando.

Que a força esteja com você!

Eriket0107

Autor

2 anos atrás

Nossa, você foi exatamente no ponto, tava precisando ler algo com esse intuito!! O foco é aprender mesmo e ir além, eu consegui resolver utilizando uma lib, mas a ideia é crescer e ter esse conhecimento vai ajudar no progresso. Vou me colocar esse desafio!

De verdade, obrigado pelas palavras, elas foram bem sinceras e eu me senti abraçado hahahah

FelipeIzolan

2 anos atrás

No primeiro momento use a biblioteca e caso quiser se aprofunde.

O intuito das bibliotecas é facilitar o trabalho de um programador, e caso não exista uma biblioteca que resolva o problema o programador DEVE saber como resolver!

Agora sendo um pouco sinceiro é relativamente facil fazer um sistema de star-rating.

<ul style="list-style:none; display: flex;">
 <li onclick="star(1)">★</li>
 <li onclick="star(2)">★</li>
 <li onclick="star(3)">★</li>
 <li onclick="star(4)">★</li>
 <li onclick="star(5)">★</li>
</ul>
<script>
let ul = document.querySelector("ul");
let li = ul.children
let value = 0;

function star(index) {
    value = index;
    reset();
    render();
}

function render() {
    for (let i = 0; i < value; i++) {
        let star = li[i];
        star.style.color = "yellow";
    }
}

function reset() {
    for (let star of li) {
        star.style.color = "";
    }
}
</script>

Esse é um exemplo de star-rating que eu acabei de escrever agora, com toda certeza que não é o melhor, daria para usar um atributo dataset, transformar isso em uma class e etc...

Você é um iniciante, eu recomendaria melhorar sua base de html, css, javascript (caso você queira ser um web developer) e tentar se aventurar em projetos pequenos... como um star-rating!

Agora como desafio, caso queira, que tal você enteder o código acima, pesquisar sobre dataset é ao invés de salvar o valor em uma váriavel, salvar em um atributo no própio elemento?