WEB前端

Next.js 4.0.5 基于 React 框架发布,引入 styled-jsx 插件

位置:首页 > WEB前端 > js教程,2018-08-17 09:49
Next.js 是时下非常流行的基于 React 的同构开发框架。其作者之一是 Socket.io 的作者Guillermo Rauch。它有以下几个优点:巧妙

Next.js 是时下非常流行的基于 React 的同构开发框架。其作者之一是 Socket.io 的作者Guillermo Rauch。它有以下几个优点:

巧妙地用标准化的解决了请求的问题。同构和页面开发类似,异步是个大难题,异步中难点又在接口请求。Next.js 给组件新增了 getInitialProps 方法来专门处理初始化请求,再也不用手动往页面上塞 DATA 和调用 ReactDOMServer.renderToString

使用 styled-jsx 解决了 css-in-js 的问题。这种方案虽然不像 styled-component 那样强大,但足够简单,可以说是最小的成本解决了问题

Fast by default。页面默认拆分文件方式打包,支持Prefetch页面预加载。

全家桶式的的解决方案。简洁清晰的目录结构,这一点 Redux 等框架真应该学一学。不过全家桶的方案比较适合全新项目使用,旧项目使用要评估好成本。

在Next.js 4.0.5 引入了 styled-jsx 插件。 允许用户通过 styled-jsx 使用 PostCSS,SASS,LESS 或任何其他预处理器。 

Next.js,styled-jsx 插件(图0)

补丁:

    Make styled-jsx configurable: #3050

    Upgrade styled-jsx: #3101

    Proposal: Add shields io npm version badge: #3099

    Move dev error view import to dev entry point: #3093

此外,Next.js 4.0.4 版本也已发布,更新内容如下:

Patches

    Update exposed package to avoid DoS: #3080

    Fix renderPage in production mode: #3089

    Make clear that server.js doesn't go through Webpack or Babel: #3090

关于 Next.js 4.0.5 更多信息内容:https://github.com/zeit/next.js/

Next.js 4.0.5下载地址:https://github.com/zeit/next.js/archive/4.0.5.zip

TAGS:Next.jsstyled-jsx 插件

猜你喜欢

NewHot