Front-end Code Test React单页应用实现

嗯,这个 front-end-code-test 其实蛮适合想快速练手的一些前端技术的。它的目标是搭建一个单页应用,涉及的技术有 WebpackBabelReactReduxGraphQLShaka-Player。你会通过这个项目实现两大视图:主视图是所有电影的链接列表,次要视图则是带有播放器控件的播放器(播放/暂停/进度条)。如果你喜欢挑战自己,还可以加点 CSS 美化一下,挺有意思的。项目中的数据从 GraphQL 服务器获取,通过 Redux 管理应用状态,确保你求的数据是最必要的,简洁高效。哦,对了,路由的配置用的是你常用的 React Router,挺简单易用的。整体来说,做起来不会太复杂,学完后就能快速掌握一些常用的前端工具链。比如,webpackbabel 配置,你只要按照要求搞一个配置就行,没什么难度。如果你觉得搭建过程中遇到问题,可以参考一下相关的资源,网上有多,像是 React-Redux-WebPack 这样的教程。

需要注意的是,虽然这是一项小项目,但能你熟悉如何把 WebpackReactRedux 融合在一起,有助于你提升自己前端的整体技能。嗯,如果你有兴趣做一些前端项目练习,这个资源还是蛮不错的。你不妨试试。

zip 文件大小:7.01KB