近几年前端框架以Angular、React、Vue三分天下,其中的React最受青睐,因为新公司要求使用React,只好放下了没学几天的Vue,开始研究React。
第一步,环境搭建
有两种方式,第一,直接下载js文件在html中引入;第二,使用webpack构建;
第一种很常见,这里介绍下第二种方式。
首先,安装node.js,windows下官网下载安装即可,Linux下以Ubuntu16.04为例,不要使用apt-get安装,到官网下载tar.gz包,解压到某个目录
然后执行一下两条语句
$ ln -s /解压的目录/bin/node /usr/local/bin/node $ ln -s /解压的目录/bin/npm /usr/local/bin/npm
下面两个语句验证
$ node -v v6.2.0 $ npm -v 3.8.9
出现版本信息则表示安装成功。
一般来说node.js自带npm,推荐安装淘宝的cnpm
安装方法请查阅官网 http://npm.taobao.org/
安装好node.js以后,我们安装一个react提供的脚手架项目用于搭建基础项目结构
$ cnpm install -g create-react-app $ create-react-app my-app $ cd my-app/ $ npm start
命令行出现以下输出:
The app is running at: http://localhost:3000/
在浏览器中访问 http://localhost:3000/ 则可看到项目运行情况。
相关推荐
React 学习笔记 React 是一个流行的前端框架,用于构建用户界面。学习 React 需要掌握其核心概念,包括组件生命周期、状态管理、事件处理等。本节笔记将记录 React 学习过程中的关键知识点。 一、React 组件生命...
react.js.md react学习笔记
React 学习笔记 React 是一个用于构建用户界面的 JavaScript 库,由 Facebook 开发,用于构建 Instagram 的网站。React 主要用于构建 UI,许多人认为 React 是 MVC 中的 V(视图)。React 拥有较高的性能,代码逻辑...
React学习笔记整理
这个“React Native基础学习笔记”很可能是对这一跨平台开发技术的详细讲解和实践经验的汇总。React Native的核心理念是“Learn once, write anywhere”,即开发者只需掌握一次React的语法和概念,就能在iOS和...
这个"react学习课件.rar"文件包含的"react学习课件.docx"文档,很可能是从哔哩哔哩上的一个React教程课程中提取出的学习资料。在React的世界里,有很多关键概念和技术值得深入探讨。 首先,React的核心理念是组件化...
以下是我对React学习的一些心得和总结,希望能为大家提供一些帮助。 一、React简介 React是由Facebook推出的一款用于构建用户界面的JavaScript库。它采用组件化的开发模式,使得开发者可以高效地构建可复用的UI...
以下是我对React学习的一些心得和总结,希望能为大家提供一些帮助。 一、React简介 React是由Facebook推出的一款用于构建用户界面的JavaScript库。它采用组件化的开发模式,使得开发者可以高效地构建可复用的UI...
本压缩包包含的“vue和react学习笔记”是针对这两个框架的学习资源,旨在帮助初学者快速入门。 Vue.js是一个轻量级的JavaScript框架,它以简洁的API和易于上手的特点受到了开发者们的喜爱。Vue的核心特性包括声明式...
此笔记包含了前端代码规范、前端工具使用笔记、Ajax、Axios学习笔记、Chrome开发使用及学习笔记、ES6及后续版本学习笔记、Git学习笔记、HTML+CSS+JS基础笔记、Mobx学习笔记、Promise学习笔记、ReactHooks笔记、React...
React相关的学习笔记整理
react学习笔记-附件资源
在"RNStudyNotes-master"这个压缩包中,可能包含了作者对于这两种技术结合使用的实践经验、代码示例和学习心得,对于想要深入了解Swift与React Native集成的开发者来说,是一份宝贵的学习资源。
这份"react教学笔记,从入门到精通"涵盖了React的核心概念、基本用法以及进阶技巧,是学习React的理想资源。以下是笔记中可能包含的重要知识点: 1. **React基础知识**:React的基本理念是组件化开发,通过创建可...
学习html、css、js、react js的笔记和demo学习html、css、js、react js的笔记和demo 学习html、css、js、react js的笔记和demo学习html、css、js、react js的笔记和demo 学习html、css、js、react js的笔记和demo...
这个“个人笔记(react个人笔记)”的压缩包很可能包含了作者在学习React及其生态系统时积累的知识点和实践经验。 首先,"React全家桶"通常指的是使用React进行Web开发所需要的一系列相关技术和工具的集合,包括但不...
正则表达式学习笔记 微信小程序学习笔记 前端部署相关笔记 前端UI库使用记录笔记 前端JS工具库使用笔记 Webpack学习笔记 Vue笔记整合 UmiJS笔记 TypeScrip笔记 Scss笔记 React笔记 ReactHooks笔记 Promise学习笔记 ...
js- react个人学习笔记 仅供本人参考
《React进阶之路》系列学习笔记,包含自己对React的理解和使用建议,主要详解MobX项目实战。
在学习React时,除了理解上述的最佳实践外,也需要对React生命周期有一个清晰的了解。例如,对于类组件来说,componentDidMount()是一个常用的生命周期方法,它在组件挂载到DOM之后调用。而对于函数式组件,可以用...