Curso React: Instalando o React (create-react-app) - #02 

galera, para quem está com dificuldade em "npx create-react-app" digite no TERMINAL isso aqui: " npm install -g npm " assim que terminar, basta escrever o NPX novamente que irá funcionar.

Parabéns por disponibilizar o seu conhecimento conosco de graça Sei que pode até ganhar com monetização mas oque vc faz poucos fazem Aprendi bootstrap com vc e agora vou pro React js Obrigado Matheus. Voce é fodaaaa

Para quem acabou de formatar a maquina e for windows instala a versão LTS do Node Js por causa dos arquivos adicionais, estava dando erro comigo por conta da maquina ser nova e ter acabado de formatar

acabei curso de JavaScript, iniciando React. Gostei muito do primeiro contato.Obrigada por disponibilizar

Cara, Deus lhe abençoe imensamente! a quantidade de devs aqui do DF que conhecem o seu canal é imensa, você é extremamente importante para nós!

Salve, Matheus. Tudo na paz? Cara, vou te contar... Completei duas semanas procurando algo que auxiliasse quem estivesse começando... E olha, Até a segunda aula to encontrando isso. Tomara que continue assim. Um abraço e parabens pela ideia

Aula maravilhosa! Destravou meu bloqueio no entendimento do funcionamento base do react Muito obrigado Matheus.

Confesso que eu tava com medo de seguir os passos do professor e aparecer algum erro. Tudo deu certo conforme explicado na aula, muito feliz em iniciar esse curso. A didática do professor é excelente e tá me ajudando muito nesse primeiro contato com React.

Caraaaa te amo mano, consegui instalar tudo certinho e pude ver minha primeira programação, simples que seja só "Olá React! e tal mas ja foi algo grande pra mim, pra muitos pode ser besteira mas pra quem inicia do zero ja é algo esperançoso Palavra a dizer GRATOOOOO. CONTINUAREI ASSITINDO OS OUTROS VIDEOS

Bela aula, sem enrolação e rico de informação!

Obrigado por disponibilizar seu tempo e conhecimento amigo! venho do back-end e tenho me aproximado do react ultimamente.

Obrigado mesmo por disponibilizar esse conteúdo de qualidade para quem está iniciando, isso ajuda muito. Parabéns parceiro.

Que didática meus senhores ! Estava fazendo um curso e super perdido encontrei este... queria ter encontrado antes kkk Parabéns !

Excelente aula, simples e direto ao ponto!!!

Matheus, voce eh um ANJO na Terra. Muito obrigada!!! Tava stuck pra comecar o projeto. Agora vai! Obrigada!!!

Estou começando com react em 2023 e espero que até o final da playlist eu seja bom nisso

Está tornando o aprendizado bem mais fácil

Cara, obrigado por disponibilizar esse material. Uma coisa que me incomodava vendo outros vídeos sobre React era que não encontrava pessoas falando direito sobre a estrutura de pastas, e isso me incomodava bastante. Eu não queria só gerar elas e ter elas ali sem saber o por que ou pra que. Saiba que seu material foi compartilhado também pelos alunos do Hiring Coders, da Gama Academy. E sou grato por ter sido compartilhado lá por outro aluno que também gostou do seu material! Aproveito pra perguntar: desde quando você fez estes vídeos, acha que muita coisa mudou de lá pra cá na Lib? Será que ainda dá pra ir seguindo por aqui de boa? Obrigado, novamente! Forte abraço!

Parabéns pela aula e didática. Estava perdido mas graças as aulças que criou estou entendendo melhor. Já recomendei seu vídeo para outros colegas.

Muito bom o seu conteúdo, @MatheusBattisti !!! Para mim está sendo excelente. Obrigado!

Ótima aula professor, parabéns.

Muito bom! Segui os passos direitinho e deu certo aqui!

Opa, muito obgd por distribuir um conteúdo tão importante de graça

Sensacional. Acompanho teu trabalho já algum tempo. Comecei com o curso de GIT. Deixa eu fazer uma pergunta, quando que saem as próximas aulas?

Muito bom! Lança logo mais vídeos kkkkkk.

Seu trabalho é maravilhoso! Gostaria de saber se um curso que está disponível aqui no canal, é o mesmo que está na udemy, tipo o de laravel

quando faço a alteração em title do erro, e agora minha página está tudo branca e não aparece nada, mesmo voltando anteriormente

Visto

Uma boa tambem é utilizat vite e yarn em vez de create-react-app e npm

Fiquei muito feliz com essa aula. O react, pra mim, parecia um monstro de 7 cabeças. Eu ficava perdido só de olhar para o tanto de arquivos, o medo de mexer em algo e estragar tudo. Era como aquelas torres de cartas, o menor movimento e ja era kkk Agora to conseguindo ficar mais tranquilo olhando pra isso. A didática do professor é incrível! Agora eu vou continuar as aulas

Excelente curso!

ótima aula parabens,eu criei o projeto junto e funcionou direitinho,porém quando ele apaga o codigo e deixa a div com a frase "olá react" simplesmente da erro ,atualizo onavegador e aparece variasmensagens de erro,e nao funciona mais,nao sei se houve alguma atualização no metódo,quando volto pro codigo que estava antes volta a funcionar

Alguém mais passando por isso após executar o npm start? Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:67:19) at Object.createHash (node:crypto:130:10) at module.exports (C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\webpack\lib\NormalModule.js:417:16) at handleParseError (C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\webpack\lib\NormalModule.js:471:10) at C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\webpack\lib\NormalModule.js:503:5 at C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\webpack\lib\NormalModule.js:358:12 at C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\loader-runner\lib\LoaderRunner.js:373:3 at iterateNormalLoaders (C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\loader-runner\lib\LoaderRunner.js:214:10) at iterateNormalLoaders (C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\loader-runner\lib\LoaderRunner.js:221:10) C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules eact-scripts\scripts\start.js:19 throw err; ^ Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:67:19) at Object.createHash (node:crypto:130:10) at module.exports (C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\webpack\lib\NormalModule.js:417:16) at C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\webpack\lib\NormalModule.js:452:10 at C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\webpack\lib\NormalModule.js:323:13 at C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\loader-runner\lib\LoaderRunner.js:367:11 at C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\loader-runner\lib\LoaderRunner.js:233:18 at context.callback (C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\loader-runner\lib\LoaderRunner.js:111:13) at C:\Users\Conesp32bits\Desktop\ESTUDO\meu-projeto ode_modules\babel-loader\lib\index.js:59:103 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' }

It's truly astounding how easy the internet makes learning these days. Thanks for the tutorial, my guy.

Pra quem não está conseguindo reabrir o projeto precisa usar o comando cd para acessar o diretório onde seu projeto React está localizado e depois npm start

Ja deixei aquele like pra fortalecer o canal.

muito bom a aula interessante

muito bom,sempre dou like!

Fala, Matheus! Uma dúvida meio paralela: A gente aprende essas coisas num curso de faculdade ou técnico? Estou fazendo um curso de webdev de um ano de duração e fico me perguntando se a graduação a vale a pena depois de arrumar um trabalho. Qual sua opinião? Forte abraço.

Porque as tag anterio de p e h1 funciona normal,mais quando eu vou dar qualquer tipo de import não dá erro nem nada,mais a tela da pagina fica em branca

Obrigada! me ajudou muito :)

Cara, desinstalei e instalei o node, e quando vou colar o código do react está dando erro O que pode ser??

otimo video, me tira uma duvida, depois q faz o build, é criado o arquivo asset-manifest.json, sabe para que é esse arquivo?

Hoje em dia é mais em conta usar o vite = npm create vite@latest --> npm install

quando vou usar o useState aparece o seguinte erro: ( [Eslint] src\componentes\login.js Linha 8:28: React Hook "useState" é chamado na função "user" que não é nem um componente de função React nem uma função personalizada React Hook. Os nomes dos componentes React devem começar com uma letra maiúscula. Os nomes do React Hook devem começar com a palavra "use" react-hooks/rules-of-hooks Pesquise as palavras-chave para saber mais sobre cada erro. )

Estou dentro de um ambiente de rede da minha empresa e ela tem proxy, não consigo fazer funcionar, alguma dica sobre isso de como resolver?

MUITO OBRIGADO!!!!

Excelente

Olá. É possível realizar essa instalação no windows 7?

o tentar fazer a instalação, consta a seguinte mensagem: "We no longer support global installation of Create React App". (Não oferecem mais suporte), alguém com o mesmo problema?

e aí Matheus tudo bem, então eu tentei executar o comando (npx create-react-app) mas ta dando vários erros não sei oq eu devo fazer

No meu projeto que criei não apareceu nada de pastas criada pelo node, não entendi o pq, não deu nada de errado aparentemente, alguém pode me ajudar?

não estou conseguindo fazer o primeiro passo no vs, ele me da a versão do node, npm e npx mas quando executo aparece esse erro "npm ERR! code ENOENT npm ERR! syscall lstat" alguem me ajudaaa

no app.js quando digito o nome de uma tag(ex: h1) e dou enter a tag não é feita automaticamente então tenho que digitar Como mudo isso?

professor boa tarde, preciso saber bootstrap pra aprender react por essa sua playlist???

Alguém sabe como posso mudar o browser para o Chrome? está abrindo no edge :(

manda um descontinho maior no curso de Docker hehe...

This hacks actually working i just tried it, its so simple as well, thanks a lot bro

No meu acontece esse erro errno: -4094, code: 'UNKNOWN', syscall: 'spawn'

Quais extensões você recomenda , para desenvolver com react?

5:00 meu vs ta dando um erro npm ERR! code ENOENT testei todas as soluções da internet e nenhuma resolveu. estou a 3 dias tentando resolver esse problema

qual é o melhor para iniciante REACT VITE ou REACT CREATE APP ?

Muito bom. Matheus, tenho uma dúvida, talvez não seja algo importante mas me deixou curioso. Essa logo com animação girando, não funciona no meu projeto. Eu crio ele com o CRA, coloco pra inicializar com o npm start, ele abre e a logo não fica girando '-' kkkk sabe como deixar ela girando. PS: Eu não toquei em nada do código, só fiz o npm start e abriu sem girar. Desde já agradeço \o

alguem pode me falar como faz para salvar as alteraçoes

Alguém consegue me ajudar, eu faço o mesmo processo porém tem vezes que abre normal, e tem vezes que só acontece isso: > curriculo@0.1.0 start > react-scripts start Porém não da erro, alguém sabe o que pode ser?

quando uso o npm start da um erro no terminal 😔: PS C:\Users\Geovane\Desktop eact> npm start npm ERR! code ENOENT npm ERR! syscall open npm ERR! path C:\Users\Geovane\Desktop eact\package.json npm ERR! errno -4058 npm ERR! enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'C:\Users\Geovane\Desktop eact\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: C:\Users\Geovane\AppData\Local pm-cache\_logs\2023-11-05T14_18_44_716Z-debug-0.log PS C:\Users\Geovane\Desktop eact>

keyboard instead of the draw tool

show , como criar app para rodar no celular ?

Alguém sabe dizer porque ta dando esse erro ? PS C:\Users\MaykGomes\Desktop\tesssste> npx create-react-app my-projeto Error: EPERM: operation not permitted, mkdir 'C:\Users\Mayk' comando não existe: create-react-app

Olá! Alguém poderia me ajudar? Estou tendo esse erro quando vou instalar o react no prompt com "create-react-app", já tentei várias maneiras mas não consegui. O meu windows é um 11 pro e abaixo do erro coloquei a lista do que está instalado com o prompt( caso seja por causa de ao instalado que o react não está funcionado) Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts with cra-template... npm ERR! code ERR_SOCKET_TIMEOUT npm ERR! network Socket timeout npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config' npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\pedro\AppData\Local pm-cache\_logs\2022-09-23T14_33_03_263Z-debug-0.log Aborting installation. npm install --no-audit --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed. Deleting generated file... node_modules Deleting generated file... package.json Deleting projeto7/ from C:\Users\pedro eact Done. C:\Users\pedro eact> C:\Users\pedro eact>npm -g list C:\Users\pedro\AppData\Roaming pm +-- live@0.1.25-beta.0 +-- node@18.9.0 +-- nodemon@2.0.19 +-- npm@8.19.2 `-- server@1.0.37 C:\Users\pedro eact>

Agora aprendo sa poxa 😑

eu criei desta forma, mas estou com este erro no console: companion-bubble.js:1465 Uncaught (in promise) TypeError: Cannot convert undefined or null to object at Function.keys () at companion-bubble.js:1465:19726 at Generator.next () at Ln (companion-bubble.js:1465:19144) o que tem de errado ?

quando dou npm start ele n cria nada e da isso pm ERR! npm ERR! Did you mean one of these? npm ERR! npm star # Mark your favorite packages npm ERR! npm stars # View packages marked as favorites npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\User\AppData\Local pm-cache\_logs\2022-06-20T00_17_57_364Z-debug-0.log PS C:\Users\User\OneDrive\Documentos\trabaio> C:\Users\User\OneDrive\Documentos\trabaio PS C:\Users\User\OneDrive\Documentos\trabaio> npm start npm ERR! Missing script: "start" npm ERR! npm ERR! Did you mean one of these? npm ERR! npm star # Mark your favorite packages npm ERR! npm stars # View packages marked as favorites npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\User\AppData\Local pm-cache\_logs\2022-06-20T00_19_52_487Z-debug-0.log

01 02 - 28/06/2024

O curso parece ser bom. Mas, a introdução cansa mais do que o curso em si

import './App.css'; import SayMyName from './components/SayMyName.JS'; function App() { return ( Olá mundo Wiliam Cavalcante Omura Profissão Analista e Desenvolvimento de Sistema ); } export default App;

Olá, tudp bem? Me ajudem por favor, o comando npx create-react-app não criou as pastas public e src no projeto, como posso resolver?

🔴Conheça nosso curso completo de React: app.horadecodar.com.br/course/curso-react-js-completo

Estou passando raiva com esse npm start que sempre da erro.

⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/

O MEU ESTÁ DANDO ESSE ERRO QUANDO EU RODO O COMANDO npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\iza\AppData\Roaming pm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\iza\AppData\Roaming pm' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: C:\Users\iza\AppData\Local pm-cache\_logs\2023-09-29T15_47_18_992Z-debug-0.log PS C:\Users\iza> npm install react-scripts@2.1.8

Olá. Estou entrando neste mundo agora, não entendo a linguagem ainda, mas estou interessada. Este curso seria apropriado para o meu caso? Já deixei o like.

Obrigado pelo curso, professor!

TIve o seguinte erro npm ERR! missing script: start e nao consegui executar o npm start

não estou conseguindo criar o react, quando dou o comando create-react-app my-app ele da erro .

Porque ele fala eu boto toda HR.... Que nervoso

Top demais, vou aprender tudo de JS front

Botei pra rodar o meu npm deu erro

Dica para quem chega. Verificar se o create-react-app na hora de instalar, ou as dependencias que vamos precisar pra esse projeto, estão gerando vulnerabilidades. Pelo que li por alto, ele não tá tão mais atual quando se usa com a nova versão do npm. Foruns recomendam usar o vite como alternativa

Parabéns pela excelência da explicação, porém ainda tenho uma dúvida: Estou recebendo a seguinte mensagem de erro na aula Estruturando o projeto #18. Failed to compile. Attempted import error: 'Switch' is not exported from 'react-router-dom' (imported as 'Switch'). ERROR in ./src/App.js 30:35-41 export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: ..... Podem me dar alguma luz?

Here

function SayMyName(props){ return( Fala ai {props.nome},suave? ) } export default SayMyName

Muito obrigado mano, eu estava pesquisando sobre react, mas tava difícil encontrar alguém que explicasse direito.

Professor, tem algum problema se for executado pelo Yarn?

queria desconto pra fazer curso no udemy

Shooooow! queria saber qual extensão das linhas que mudam de acordo de onde vc está. Gratidão e mt sucesso!

Pra quem ta acompanhando o curso de agora recomendo usar o react com vite, é uma solução mais atualizada e otimizada para react

mano qual é essa extensão dos icones?

Muito obrigado pelas aulas sou super fã do seu canal.

Parabéns pela didática, incrível!