【文件属性】：
文件名称：quiz-valorant:Alura Immersion，Next.js，样式化组件和React
文件大小：1.72MB
文件格式：ZIP
更新时间：2021-05-24 07:43:12
imersao-react aluraquiz imersao-alura JavaScript
阿罗拉勇敢测验
该项目是在沉浸式Alura-React和NextJs期间开发的
关于
选择的主题是有关Riot Games游戏的，目的是为了学习，在那里玩家将测试自己对Valorant的了解，并回答10个问题。 在每个结果的末尾，将显示谁在各自的等级中得分最高，Firebase用于保存结果。
而且，还可以通过与API集成的Node.js访问其他Quize。
描述
沉浸式编程的目的是在与Reac.Js一起使用的Next.js框架上开发知识，以开发SSR，SSE应用程序，并优化界面以获得更好的用户体验。
项目中使用的技术
节点
React堆
火力基地
框架运动
Java脚本
在沉浸中看到了什么
钩子概念
组件生命周期
样式化的组件概念
关于道具的概念
预渲染和服务器端渲染概念
部署和构建概念
在Vercel部署
UseEffets（），useState（），useRoute（）概念最常用的H
【文件预览】：
quiz-valorant-main
----db.json(4KB)
----svgs()
--------AluraLogo.svg(37KB)
--------valorant-logo.svg(11KB)
--------chevron-left.svg(297B)
--------loading.svg(2KB)
----pages()
--------_app.js(2KB)
--------quiz()
--------_document.js(729B)
--------_errors.js(880B)
--------404.js(178B)
--------api()
--------index.js(4KB)
----public()
--------platina-3.png:Zone.Identifier(218B)
--------favicon.png(1KB)
--------platina-3.png(29KB)
--------gold-3.png:Zone.Identifier(218B)
--------imortal-3.png:Zone.Identifier(218B)
--------radiant.png(23KB)
--------bronze-3.png(26KB)
--------radiant.png:Zone.Identifier(218B)
--------gold-3.png(32KB)
--------diamante-3.png(29KB)
--------silver-3.png(29KB)
--------diamante-3.png:Zone.Identifier(218B)
--------silvar-3.png:Zone.Identifier(218B)
--------bronze-3.png:Zone.Identifier(217B)
--------iron-3.png:Zone.Identifier(217B)
--------imortal-3.png(28KB)
--------iron-3.png(27KB)
----yarn.lock(247KB)
----.eslintrc.js(294B)
----next.config.js(90B)
----.babelrc(87B)
----components()
--------Link()
--------ResultQuestion()
--------Input()
--------Footer()
--------Card()
--------QuizLogo()
--------Button()
--------QuizComponents()
--------GitHubCorner()
--------screens()
--------QuizContainer()
--------Error()
----config()
--------fire-config.js(826B)
----screenshot.png(1.37MB)
----README.md(1KB)
----.env.development(403B)
----.gitignore(386B)
----package.json(864B)