[Reclamação] código diferente

Oii, Jakeline! Tudo bem?

Entendo a sua frustração ao perceber essas diferenças. Mas não se preocupe, vamos te ajudar!

Isso pode acontecer por diversos motivos, como versões diferentes do React, configurações específicas do seu ambiente de desenvolvimento ou até mesmo pequenos erros de digitação.

Uma sugestão é verificar se você está utilizando a mesma versão do React que o professor. Caso contrário, pode ser que algumas funcionalidades tenham sido atualizadas ou modificadas, o que pode resultar em códigos diferentes.

Se mesmo assim você não conseguir identificar o motivo das diferenças, sugiro que você compartilhe um trecho do seu código e do código do professor para podermos analisar e te ajudar de forma mais precisa.

Espero ter ajudado.

Bons estudos, Jakeline!

Boa noite, também vejo diferença no nomes dentro dos componentes, terminei parte do curso ontem com professor Vinicios, ja hoje começei o segundo modulo com Luiz. Meu projeto feito ontem! uma parte do codigo

const Time = (props, aoDeletar) => {
    const css = { backgroundColor: props.corSecundaria }

    return (
        (props.colaboradores.length > 0) ? <section className='time' style={css}>
            <h3 style={{ borderColor: props.corPrimaria }}>{props.nome}</h3>
            <div className='colaboradores'>
                {props.colaboradores.map( colaborador => {
                
                    console.log(<Colaborador
                        corDeFundo={props.corPrimaria}
                         key={colaborador.nome}
                         nome={colaborador.nome} 
                         cargo={colaborador.cargo} 
                         imagem={colaborador.imagem} aoDeletar={aoDeletar}/>    )
                         
                 return <Colaborador
                    corDeFundo={props.corPrimaria}
                     key={colaborador.nome}
                     nome={colaborador.nome} 
                     cargo={colaborador.cargo} 
                     imagem={colaborador.imagem} aoDeletar={aoDeletar}/>
                 })}
            </div>
        </section> 
         :  ' '
    )
}

Codigo da aula de hoje com o outro professor luiz, ele fez o clone do organo, sendo que não fiz nenhum clone pois ja tinha o meu codigo.

const Time = ({ time, colaboradores, aoDeletar }) => {
    return (

        colaboradores.length > 0 && <section className='time' style={{ backgroundImage: 'url(/imagens/fundo.png)', backgroundColor: time.corPrimaria }}>
            <h3 style={{ borderColor: time.corSecundaria }}>{time.nome}</h3>
            <div className='colaboradores'>
                {colaboradores.map((colaborador, indice) =>
                    console.log(<Colaborador key={indice} colaborador={colaborador} corDeFundo={time.corSecundaria} aoDeletar={aoDeletar} />);
                    return <Colaborador key={indice} colaborador={colaborador} corDeFundo={time.corSecundaria} aoDeletar={aoDeletar} />;
                })}
            </div>
        </section>
    )
}

foi tirado os props de todas as chamadas , isso nesse componente, logo na primeira aula, nem sei como está os outros componentes, se estão mudados também

Oii, Letícia! Tudo bem?

Peço desculpas pela demora para te responder.

Nesse caso, o curso ministrado pelo professor Luiz vai abordar os tópicos como componentes e props mais profundamente, mostrando como funciona o React, já que o professor Vinícios ensinou como utilizar o React.

Na aula Clonando o repositório ele disponibiliza o link do Github para poder clonar o projeto para ser trabalhado com base nesse contexto.

Então para que você possa acompanhar com mais fidelidade, sugiro que realize esse passo. Caso queira, deixarei o link do repositório abaixo:

• Repositório no Github

Feito isso, você pode continuar seguir com a aula do Clonando o repositório tranquilamente.

Espero ter ajudado e qualquer dúvida, abra um novo tópico no fórum para podermos te ajudar de forma mais personalizada e assertiva.

Bons estudos!