如何从零开始搭建一个React项目

前端之家收集整理的这篇文章主要介绍了如何从零开始搭建一个React项目前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

其实这是个问题?因为刚开始写React皮毛

虽然在前辈搭好的框架中写写简单的组件(或者用现成的组件)以及简单的数据通信,但是要是让自己着手从零开始搭建一个React项目应该怎么样去着手呢?

  • 需要有个package.json 安装依赖包 总不能像demo一样 在文件中引入需要的包和模块

  • webpack 配置 自动化构建的内容

  • React相关技术栈等...

这个是现有项目的目录,所以如果我从零开始做的话

  1. 新建一些主要目录 project/src/index.js

  2. webpack的配置 主入口 构建生成文件目录等

  3. package.json 配置 有哪些依赖包 构建指令scripts

  4. 写几个简单的页面 能让npm run xxx在本地跑起来

去尝试做一个简单的项目
学习这些内容
React

  • 设计原理

  • 基础语法

  • 组件生命周期

  • 组件通信

ES6/7

  • 新的内容

  • 常用的语法诸如let/const/解构等

  • promise/fetch(?)

  • modules

Flux/Redux

  • 解决复杂组件间通信问题

webpack/npm

  • 构建工具

  • 管理工具

猜你在找的React相关文章