初识React脚手架

项目概述及技术栈解析

作者分享了自己在接手一个React项目后的一些心得。项目采用了混合开发模式，结合了Swift、Objective-C、Cordova和ReactJS技术。项目包含网络请求、设备信息获取、地理位置等原生功能模块，其中网络请求部分使用了Alamofire和AFNetworking库，存在两个相似库的原因被归咎于历史遗留问题。

Cordova及跨平台框架选择

Cordova框架虽然相较于当前流行的跨平台框架如Flutter显得有些过时，但作者强调在评价历史框架时应考虑当时的情况和架构师的认识水平。选择框架不应仅以当前视角为依据。

ReactJS基础知识点

介绍了ReactJS涉及的一些概念和知识点，包括JS和JSX、TS与TSX的区别、React脚手架以及Redux、Saga、Router等。JSX是JavaScript加上XML的语法糖，而TS（TypeScript）则是微软开发的支持类型定义的开发语言，更适合大型项目。

React脚手架的作用和优劣

详细解释了React脚手架的作用，包括保护和隔离分层。脚手架提供了一套组件封装，比如使用Router进行页面导航，以及封装了npm和webpack等工具。尽管脚手架简化了开发流程，但作者也提到了对脚手架内部实现细节不清楚可能带来的问题和Bug处理的困难。

React脚手架的安装和演示

介绍了React脚手架的安装步骤，包括全局安装create-react-app命令、创建项目和启动脚手架。通过npm start命令，开发者可以在浏览器上看到React的示例页面。

Index.html文件简介

最后，作者简要介绍了React单页面应用的入口文件index.html，提到页面上的注释信息可供进一步了解。

想要了解更多内容？

查看原文：初识React脚手架

文章来源：

程序员华仔

扫码关注公众号