基于 React 和 Redux 的待办事项应用开发

本项目使用 Create React App 脚手架搭建,提供了以下可执行脚本:

开发环境:

  • yarn start:在开发模式下运行应用,并在浏览器中打开。代码修改将触发页面自动重新加载,控制台会显示代码检查错误信息。

测试:

  • yarn test:启动交互式测试运行器,更多信息请参考 Jest 相关文档。

生产环境:

  • yarn build:将应用打包构建至 build 文件夹,并针对生产环境进行优化,包括 React 代码压缩、文件名哈希处理等。更多信息请参考 webpack 相关文档。

依赖管理:

  • yarn eject注意: 此操作不可逆! 如果你对默认的构建工具和配置不满意,可以通过该命令移除项目对 Create React App 的依赖,并将所有配置文件和依赖项暴露出来进行自定义配置。

项目结构

todo-app-project-react-redux/
  README.md
  node_modules/
  package.json
  .gitignore
  public/
    index.html
    favicon.ico
    ...
  src/
    index.js
    App.js
    ...

总结

本项目使用 React 和 Redux 实现了基础的待办事项应用功能,涵盖了开发、测试、构建和部署等环节,为开发者提供了一个学习和实践 React 生态系统技术的良好起点。

zip
todo-app-project-react-redux-main.zip 预估大小:29个文件
folder
todo-app-project-react-redux-main 文件夹
file
package.json 927B
file
.eslintcache 6KB
file
package-lock.json 640KB
folder
src 文件夹
file
App.css 93B
file
index.js 500B
file
reportWebVitals.js 362B
file
logo.svg 3KB
file
App.test.js 246B
file
setupTests.js 241B
folder
components 文件夹
folder
DisplayTodos 文件夹
file
index.js 70B
file
DisplayTodos.js 546B
file
Todo.js 888B
folder
TodoList 文件夹
file
index.js 59B
file
TodoList.js 638B
folder
AddTodo 文件夹
file
index.js 56B
file
AddTodo.js 2KB
file
App.js 229B
file
index.css 366B
file
.gitignore 311B
folder
public 文件夹
file
logo192.png 5KB
file
_redirects 23B
file
manifest.json 492B
file
robots.txt 67B
file
index.html 2KB
file
logo512.png 9KB
file
favicon.ico 4KB
file
README.md 3KB
file
yarn.lock 516KB
folder
.vscode 文件夹
file
settings.json 3B
zip 文件大小:391.71KB