饭叔的前端零基础入门教程 ( 序 )
面向读者
有一定编程基础。学习过任意一种编程语言。如Java,C++等。-
教学目标
能够在一周内学会基本的React组件开发
-
学习路径
在抵达目的地的途中,有许多岔路口,为了尽快抵达目的地,在每个岔路口,我将选择一种较为常用的路径走下去。这个路径可能并非最优,但可以减少初学者的徘徊。例如,在React里,有多种创建组件的方式:
//早期的React组件创建方式 const Contacts = React.createClass({ getInitialState () { return { }; }, render() { return ( <div></div> ); } });
//es6语法的组件创建 class Contacts extends React.Component { constructor(props) { super(props); this.state = { }; } render() { return ( <div></div> ); } }
//无状态组件的创建 const Contacts=(props)=><div></div>
本系列教学中将只用es6有状态组件的创建方式。
又例如,在CSS中有众多属性。本教程只介绍基本的绝对定位和相对定位。