展示型网站前后端分离该如何重构？

Question

最近在做公司网站重构，研究了好几天没有太好的想法，故在此提问希望能得到一些启发。网站偏展示型，大部分是静态图片及文字，少量需要与后台交互的内容，如登录注册、购物车等。因设计师想要定制一些页面过渡动画，故一开始想法是直接使用 React+webpack 打包并生成静态页面，即是单页面方便做过渡效果又兼顾了 SEO 。但后来想想，静态页面部分使用 React 未免有些不合理，因此我的想法是部分动态内容组件化，使用 React 来实现，其他静态部分使用模板（ Handlebars ），结合webpack 来生成静态文件，感觉这样比较合理，但是不知道怎样在局部组件那里使用 React ，以及组件间通讯该怎样解决。希望能得到一些启发发，不胜感激。