总结在学习过程中遇到的问题和资料
{/* 这是注释 */}
注意前后的空格const Comment = ({ text }) => text.replace(':)', '[smile]');
class App extends Component {
render() {
return (
<div>
<Comment text="Text only components are awesome :)" />
</div>
);
}
}
const Fruits = () => [
<li key="1">Pear</li>,
<li key="2">Weater Melon</li>,
];
class App extends Component {
render() {
// 注意返回的是个数组,减少嵌套层级
return [
<ul>
<li>Apple</li>
<li>Banana</li>
<Fruits />
</ul>,
<div>this is a div</div>,
];
}
}
https://doc.react-china.org/ 翻译后的官方文档,学技术一定要多看几遍文档
React小书 强烈推荐,由浅入深,循序渐进
http://reactpatterns.com/ 由于react本身 API 比较简单,贴近原生。通过组件变化产生一系列模式
https://github.com/CompuIves/codesandbox-client react在线编辑器,方便的分享你的react项目
image.png
image.png
js.coach 找js包的网站
image.png
基础的免费,高级的收费 https://egghead.io
sublime 支持jsx语法高亮。 不要安装 sublime-react 那个已被弃用了。 安装 babel,然后按照上面的教程,完美支持
image.png