React Js构建软件公司登陆页面实战教程

资源摘要信息: "shortly:这是使用React Js为一家软件公司构建的登陆页面" 知识点: 1. React JS介绍: React JS是一个由Facebook开发并维护的开源JavaScript库，用于构建用户界面。它主要用于单页应用（SPA）的构建，而且是通过组件化的形式来实现界面的构建。在React中，开发者可以创建复用的组件，并将这些组件组合起来构建复杂的用户界面。React的声明式编程风格可以提高开发效率并减少bug，因此它在全球范围内得到了广泛的应用。 2. Create React App入门: Create React App是一个官方提供的命令行界面工具，它可以帮助开发者快速搭建React应用的开发环境。通过此工具创建的项目配置了构建的开发和生产环境所需的各种依赖。用户可以利用Create React App来创建项目，然后通过简单的命令即可实现项目的编译、测试和打包。 3. 项目运行脚本: - yarn start: 这个脚本用于在开发环境下启动应用。当运行此命令时，它会编译应用程序，并且当开发者做出更改后，页面会自动刷新。同时，任何的代码错误都会在控制台中显示，便于开发者快速定位和解决问题。 - yarn test: 此脚本用于在交互式监视模式下启动测试运行程序。它对于开发流程中的测试非常关键，可以帮助开发者在实际代码更改之前验证新代码是否会对现有功能造成影响。 - yarn build: 运行此脚本会将应用构建成生产模式下的应用，并且将React打包到build文件夹中。生产环境下的构建是被优化过的，目的是为了提供最佳的性能，并且输出的文件名包含了哈希值，这样可以避免浏览器缓存问题，确保用户下载的是最新的版本。 4. 项目配置文件: - yarn eject: 这是一个单向操作的命令，运行此命令后，原先封装在Create React App内部的配置会被暴露出来，你可以访问和修改webpack配置、Babel配置等。如果对默认的构建工具和配置不满意，开发者可以使用eject命令来获得完全的控制权和自定义构建过程。但一旦执行了eject，就没有办法回退到使用Create React App的封装配置状态。 5. JavaScript标签: 本项目被标记为JavaScript项目，因为React本身是基于JavaScript语言进行开发的。这表明在开发登录页面的过程中，主要的编程语言是JavaScript。React组件的编写、状态管理以及事件处理等都需要用到JavaScript。 6. 文件名称列表: - shortly-main: 此文件名表明它可能是项目中的主要入口文件，或者是包含应用主要逻辑的核心文件。在React项目中，通常会有一个名为index.js的文件作为项目的入口点，它会负责渲染应用的根组件到HTML中。文件名中的"shortly"很可能与项目名称或特定功能相关联，可能涉及到创建短链接的功能。 以上是根据提供的文件信息，对React JS构建登录页面的相关知识点的详细总结。这些内容涵盖了React的基本概念、使用Create React App进行项目初始化与运行、项目的配置与构建以及JavaScript在React项目中的应用。