随着应用广度不断增加，有时候我们需要设置多种语言，最近帮朋友做一个网站用到react-intl这个库，还是挺好用的，这里跟大家分享一下。 首先我们来明确一下它的原理，这样比较好理解，其实也比较简单，就是把需要展示的文本赋给一个key或者id，在页面中使用变量去获取这个文本，那么多种语言自然就对应了多套设置。下面所讲的都是使用方法而已，re……
标签目录：React
以下是与标签 “React” 相关联的文章React学习6-配置react和webpack
react和webpacklian联合开发过程中涉及到一些配置的更改 1、热更新的开启
|
1 2 3 4 5 6 7 |
{ "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack-dev-server" }, } //给webpack-dev-server重新命名，就可以运行 npm start 来开启热更新 |
2、webpack性能设置
|
1 2 3 4 5 6 7 8 9 10 |
var webpack = require('webpack'); var path = require('path'); module.exports = { //性能 performance:{ hints:'warning', //级别：超出文件大小限制给出什么级别的提示 maxEntrypointSize:100000, //限制最后生成的bundle.js的大小，单位bytes maxAssetSize:450000, //对图片和文件的限制，大小bytes }, } |
3、source-map 打包后的文件被压缩过，使用source……
React学习5-开发笔记
记录学习过程中的方法或者问题 1、要在render中展示一个html内容 比如里面的空格，可以进行Unicode转码后再放到render中，但是这种方法还需要提供额外的接口处理内容，不方便。
|
1 2 |
var username='XXXXXXX'; //html内容 <p dangerouslySetInnerHTML={{__html: username}}></p> |
这种方法其实“dangerous”，因为在JSX中安全。 2、当一个……
React学习4－开发设置
项目可以进行开发了，但是开发过程中，我们可以设置更多的东西来帮助我们开发更方便快捷。 1、及时打包
|
1 |
webpack --watch |
每次修改js文件，都要运行webpack打包，因为html中引用的是这个打包后的文件，所以很不方便，执行这个命令后，在js中做任何修改保存后都会自动打包 2、实时刷新浏览器 ……
React学习3－使用npm管理项目
之前在官网看到使用script进行引用的方式进行react的开发，包括在一些简单项目中，我也是引用过来后进行开发的，前期简单的使用是为了了解react的思想，在进入大的项目之前首先需要配置一个更完整的项目环境。 npm是现在比较常用的包管理工具 1、项目配置初始化
|
1 |
npm init |
进入一系……
Reactjs学习-2
开发过程中注意两个问题： 1，在v0.14版本中，已经弃用了JSXTransformer.js，改用了browser.js；javascript标签type由text/jsx改为text/babel 2，在v0.14版本中，react包被拆分为react和react-dom，为以后跨平台插件共用准备 3，在论坛中我也做了提问，为什么在ba……
Reactjs学习-1 HOT
今儿开始学习React，久仰大名，终于有机会了，下周要做一个相对比较独立的页面，所以想用它练练手，不过今天开始，先要好好学一下。 一看官网的demo就晕，发现好多官网的demo都是把文件罗列出来，就是不告诉它是干嘛的，是要我一个一个测试吗，好吧，臣妾做不到！
|
1 2 3 |
<script src="../build/react.js"></script> <script src="../build/react-dom.js"></script> <script src="../build/browser.min.js"></script> |
这是demo的……