EscuelaJS Reto 07React电商实战项目
React Router 和 Redux 的实战项目，最能锻炼人。escuelajs-reto-07 是个蛮不错的练习资源，适合熟悉路由配置、状态管理这些基础操作。项目模拟了一个电商平台，场景贴近实际，像添加购物车、 404 页面，基本上你在工作里会碰到的它都涵盖了。
React 项目的页面跳转离不开 React Router，这个项目里你会手动添加一个 NotFound 页面。怎么加？简单，新建容器组件，注册到路由配置里，访问不存在的路径就自动跳转过去，用户体验上也更完整。
另一个亮点是用了 Redux 管理购物车状态。不用自己瞎猜 props 怎么传，全局状态一目了然，数据流向清清楚楚。运行也方便，npm install 装好依赖，npm run start 一跑就能看到效果。
如果你还没做过完整的 React 电商项目，这个练手机会蛮合适的。注意哦，构建用的是 npm run build，打包后的静态文件也能直接部署上线。
想了解更多 404 页面设计？可以看看这些资源：HTML 404 页面源代码示例 或者 404 页面创意设计模板，都挺有意思。
文件大小：345.41KB
评论区