React JSWeb前端之路首页投稿(暂停使用,暂停投稿)

React学习教程(2)安装

2017-10-26  本文已影响44人  四冶读史

概述

React主要依赖于React和React-DOM这两个库,你可以直接去官网下载,或者使用一个React CDN库,或者通过node.js来管理,根据你的需求,可自行选择。
React 可被灵活地运用在各种项目中。你可以用它创建新的应用程序,也可以逐渐地将其加入到现有的代码库中而无需重写。
Reate React App 并不处理后端逻辑和数据库,它只会创建一个前端的构建管道,所以可以和任何后端搭配使用。
你可以在任何由其他 JavaScript UI 库编辑的现有应用中,将 React 渲染进一个 DOM 元素。

直接使用

React可以直接下载使用,也可以使用一个React CDN库。
可以到官网下载最新版本https://reactjs.org/
研发环境

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

生产环境

<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

通过npm使用React

使用该方式的前提是,你的系统已装有Node.js,并支持npm。

npm install -g create-react-app
create-react-app my-app
cd my-app
npm start

启动后可通过localhost:3000查看界面。
React目录结构
创建项目后,目录结构如下:

my-app/
  README.md
  node_modules/
  package.json
  public/
    favicon.ico
    index.html
    manifest.json
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg
    registerServiceWorker.js

注:
本教程相关的所以源码,可在https://github.com/areawen2GHub/reacttest.git下载

参考地址:
https://reactjs.org/docs/installation.html
http://www.runoob.com/react/react-install.html

上一篇下一篇

猜你喜欢

热点阅读