`
三个诸葛亮
  • 浏览: 17610 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

React学习笔记(一)

 
阅读更多

近几年前端框架以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 组件生命...

    react.js.md react学习笔记

    react.js.md react学习笔记

    React学习笔记(参考官方文档总结)

    React 学习笔记 React 是一个用于构建用户界面的 JavaScript 库,由 Facebook 开发,用于构建 Instagram 的网站。React 主要用于构建 UI,许多人认为 React 是 MVC 中的 V(视图)。React 拥有较高的性能,代码逻辑...

    React学习笔记,个人PPT总结与分享

    React学习笔记整理

    React Native 基础学习笔记.rar

    这个“React Native基础学习笔记”很可能是对这一跨平台开发技术的详细讲解和实践经验的汇总。React Native的核心理念是“Learn once, write anywhere”,即开发者只需掌握一次React的语法和概念,就能在iOS和...

    react学习课件.rar

    这个"react学习课件.rar"文件包含的"react学习课件.docx"文档,很可能是从哔哩哔哩上的一个React教程课程中提取出的学习资料。在React的世界里,有很多关键概念和技术值得深入探讨。 首先,React的核心理念是组件化...

    React学习笔记-第一篇

    以下是我对React学习的一些心得和总结,希望能为大家提供一些帮助。 一、React简介 React是由Facebook推出的一款用于构建用户界面的JavaScript库。它采用组件化的开发模式,使得开发者可以高效地构建可复用的UI...

    React学习笔记-第二篇

    以下是我对React学习的一些心得和总结,希望能为大家提供一些帮助。 一、React简介 React是由Facebook推出的一款用于构建用户界面的JavaScript库。它采用组件化的开发模式,使得开发者可以高效地构建可复用的UI...

    vue和react学习笔记.rar

    本压缩包包含的“vue和react学习笔记”是针对这两个框架的学习资源,旨在帮助初学者快速入门。 Vue.js是一个轻量级的JavaScript框架,它以简洁的API和易于上手的特点受到了开发者们的喜爱。Vue的核心特性包括声明式...

    前端笔记完整版(HTML、CSS、JS、JQuery、AJAX、VUE、React等笔记)

    此笔记包含了前端代码规范、前端工具使用笔记、Ajax、Axios学习笔记、Chrome开发使用及学习笔记、ES6及后续版本学习笔记、Git学习笔记、HTML+CSS+JS基础笔记、Mobx学习笔记、Promise学习笔记、ReactHooks笔记、React...

    React相关的学习笔记整理

    React相关的学习笔记整理

    react学习笔记-附件资源

    react学习笔记-附件资源

    swift-ReactNative学习笔记

    在"RNStudyNotes-master"这个压缩包中,可能包含了作者对于这两种技术结合使用的实践经验、代码示例和学习心得,对于想要深入了解Swift与React Native集成的开发者来说,是一份宝贵的学习资源。

    react教学笔记,从入门到精通

    这份"react教学笔记,从入门到精通"涵盖了React的核心概念、基本用法以及进阶技巧,是学习React的理想资源。以下是笔记中可能包含的重要知识点: 1. **React基础知识**:React的基本理念是组件化开发,通过创建可...

    学习html、css、js、react js的笔记和demo.zip

    学习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全家桶"通常指的是使用React进行Web开发所需要的一系列相关技术和工具的集合,包括但不...

    前端工程师学习笔记 超级详细

    正则表达式学习笔记 微信小程序学习笔记 前端部署相关笔记 前端UI库使用记录笔记 前端JS工具库使用笔记 Webpack学习笔记 Vue笔记整合 UmiJS笔记 TypeScrip笔记 Scss笔记 React笔记 ReactHooks笔记 Promise学习笔记 ...

    js- react个人学习笔记 仅供本人参考

    js- react个人学习笔记 仅供本人参考

    React进阶之路系列学习笔记

    《React进阶之路》系列学习笔记,包含自己对React的理解和使用建议,主要详解MobX项目实战。

    React Notes React笔记

    在学习React时,除了理解上述的最佳实践外,也需要对React生命周期有一个清晰的了解。例如,对于类组件来说,componentDidMount()是一个常用的生命周期方法,它在组件挂载到DOM之后调用。而对于函数式组件,可以用...

Global site tag (gtag.js) - Google Analytics