ahoym.github.io React+Webpack个人网站
模块化开发的 Webpack 配置，结构清晰的 ES6 代码，还有响应式的 React 组件交互，这些就是我在 ahoym.github.io 上折腾的主要技术点。嗯，作为一个从零搭出来的个人网站，说是练手项目，但其实不少东西都踩过坑，挺值得你参考的。
Webpack的配置比较灵活，用了不少loader，比如.scss、.jsx的。还整合了autoprefixer，CSS 写起来不用太担心兼容性。开发时候用webpack-dev-server，热更新也挺稳的。
React组件写得比较干净，用的是ES6 class风格，也加了测试。事件绑定用了箭头函数，写起来省心，逻辑也清楚。组件状态变化响应也快，用户交互这块体验还不错。
CSS 部分尝试了 BEM 命名法，开始有点不适应，但后面结构一多，发现它还真挺管用的。再配上Sass，写样式的效率提升不少。动画上用了个小工具库做平滑滚动，按钮点下去的反馈挺丝滑。
页面交互用了smooth-scroll，导航点击滑动到锚点，体验比传统跳转好多。还有一个scroll-linked的动画库，滚动过程里做了些视差效果，看着挺舒服的。
如果你正好也在搞 React+Webpack 的前端架构，想研究点实战项目，不妨去看看源码。整个项目结构不复杂，适合上手练练。
文件大小：1.62MB
评论区