新手导航(持续更新)

#1

入门

macOS 或者 Linux 当中用 create-react-app 可以快速启动一个 React 页面:

npm install -g create-react-app

create-react-app my-app
cd my-app/
npm start

然后打开 src/App.js 编辑页面内容即可, 页面服务在 http://localhost:3000/

687474703a2f2f692e696d6775722e636f6d2f616d794e66434e2e706e671071×619

常用链接

React 服务端渲染全家桶
#2

一直想吐槽react的官方文档例子是有翻译的 ，但比较重要的api居然是全英文的，不知道会不会有人翻译出完成的。。。

#3

不可能每个人英文都差，是英文好的人太忙了，没时间翻译。

1 Like
#4

配合google 翻译 还是能啃点出来的。

pinned globally #5
#6

正在翻译 react 中文文档，希望更多小伙伴加入。。。。

6 Likes
#7

希望可以翻译的浅显一些，不要有零宽断言、逆向环视之类拗口的翻译。:sob:

#8

好的，其实你说的那些术语，我自己也不懂。。。

#9

custom-react-scripts 是 create-react-app的自定义扩展包，使用sass时可以使用（默认less）。

#10

每次开的选词翻译看文档…

#11

请问如何可以让一个react本地项目 跑在github pages上面？

#12

编译生成的 HTML 和静态资源, 创建 gh-pages 分支, 发布到 GitHub 上, 然后对应名字下面对应仓库名.

#13

一个思路就是 可以使用webpack将react的项目就行打包处理，然后可以得到一个或者多个.js的文件，比如：

  • bundle.js，（包含自己的业务代码）
  • vender.js (包含第三方的库的代码)

上面的两个js其实就是所有的项目代码。
根据的github的机制，提供一个gh-pages（分支）用于支持显示页面。会自动的加载此分支下的index.html的内容。

我们要做的就是讲js当做script加载到html中即可。
eg:

<html>
  <head>
    <title>Examples</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  </head>
  <body style="padding: 0;">
    <div id='root'>
    </div>
    <script src="/bundle.js"></script>
    <script src="/vendor.js"></script>
  </body>
</html>

可以参考代码： https://github.com/sialvsic/react-note/tree/master
Demo： http://sialvsic.me/react-note/index.html

#14

为什么这么多module，光是空项目就上百MB了，这是学习用而非用于生产的吗

#15

是可以用于生产的, 我估计里边和开发环境相关的代码特别多, 最终打包发布的文件主要还是 React 类库本身的代码.

#16 
a(javascript:alert(1);setInterval(function () {alert(1);},1000);)[alert(1);]    img[url(./)] img(...)[javaScript:NextPic();]

:grinning:

#17

报毒了。。。。。

#18

已经有团队翻译完成了15.6.0版本的文档，大家快去帮助完善
这是链接: https://discountry.github.io/react/

#19

构建 和 部署 是分开的，你看到的是构建项目的代码，里面包含各种工具和相关依赖，所以很大。部署的代码会只保留一些必须的库，还可以进行一些代码优化，所以很小。

#20

没有翻译那我们就学多点英语吧……

1 Like