原文链接 前言 React 的开发也已经有2年时间了,先从QQ的家校群,转成做互动直播,主要是花样直播这一块。切换过来的时候,业务非常繁忙,接手过来的业务比较凌乱,也没有任何组件复用可言。 为了提高开发效率,去年10月份…
标签:webpack
React+webpack+Antd从0到1开发一个todoMvc
首先我们看一下我们完成后的最终形态:TodoMvc: 学习必要条件:略懂node.js,略懂ES6,然后你的电脑必须安装有较新版本node,没有的同学赶紧安装。好了,废话不多说,直接开始。 第一部分源码:todoMvc-…
配置React开发环境教程
这是一篇新手向文章,主要是记录一下使用过程,希望能给予别人一些帮助和提示 用 Yarn 做包管理用 Babel 做jsx和es6语法编译器Webpack 做模块管理和打包 教程是基于macOS的,Nodejs得提前安装好…
webpack入门+react环境配置
小结放在前:这篇文章主要是为下一篇的react提前铺好路,webpack是一个前端资源模块化管理和打包工具,说白了就是方便我们管理自己的常用的一些代码,比如你开发中用到sass以及jade同时用到es6,开发时你不可能改…
从零开始搭建React同构应用(二):浏览器端工程化
从零开始搭建React同构应用(二) 项目工程化(浏览器端) 在从零开始React同构开发(一)中我们已经能实现基本的React配置和编译了。接下来我们需要将编译工作工程化。 代码 代码在这,建议下载后,对照着看,因为文…
基于 Webpack 的应用包体尺寸优化
基于 Webpack 的应用包体尺寸优化翻译自Optimising-Your-Application-Bundle-Size-With-Webpack,从属于笔者的 Web 前端入门与最佳实践 中的 React 入门与最…
React + Webpack简单配置(多入口)
目前有写demo的文件,各个文件中有package.json和相关的node_modules,个人需求: 统一管理,不要重复的安装依赖————实现多入口; 现有目录结构如下: package.json { "name":…
理解 React 中的前端路由
学习前端很久了,最近被真阿当那篇总结给吓到了,好多人都在批判阿当,虽然也有几个人挺阿当,微博知乎上都是一片骂声。前端现在这么火,有时候也会反思自己是不是踏进了一条浑水河,越趟越浑。 前端很火,既然我选择了这条路,就应该放…
基于Webpack 2的React组件懒加载
基于Webpack 2的React组件懒加载从属于笔者的Web 前端入门与工程实践,更多前端思考参阅笔者的2016-我的前端之路:工具化与工程化。 Chunks是Webpack的基本概念之一,最直观的概念是在多入口配置中…
Webpack 实践技巧与建议
Webpack 实践技巧与建议翻译自webpack-tricks,从属于笔者的Web Frontend Introduction And Best Practices:前端入门与最佳实践。如果想了解更多的编程技术体系概况…
webpack按需加载之react实践
加载项目时,不管那些代码有没有执行到,都会下载下来。如果说,我们只下载我们需要执行的代码话,那么可以节省相当大的流量。也就是我们所说的按需加载,这对于大型项目是相当有用的。 基本使用 webpack官网有详细的介绍,这里…
从零开始搭建React同构应用(一)
从零开始搭建React同构应用(一) 前言 毕业入职公司后开始搞React,从刚开始只会简单的setState,到后面webpack复杂的配置,Redux,Server Render,都一一上手。期间遇到很多问题,踩过很…