react小程序（react 微信小程序）

今天给各位分享react小程序的知识，其中也会对react 微信小程序进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、微信小程序(Mini Program)技术栈与框架简介
• 2、关于小程序的坑之Taro框架
• 3、盘点 7 个超棒的微信小程序项目
• 4、小程序开发用什么框架
• 5、使用alita 将React Native项目转化为小程序

微信小程序(Mini Program)技术栈与框架简介

关键字：微信小程序、Mini Program、技术栈、框架、WePy、MPVue

整体小程序开发类似Web App开发，尤其是使用了Vue或React框架的Web App开发。

小程序原生技术栈与框架WePY、MPVue之间的比较，参考 博客

关于小程序的坑之Taro框架

公司产品试水小程序，做了几个独立功能模块的demo试下可行性，主要是这个框架和react语法基本相同，避免大家学习成本过高，以下记录几个容易粗心的点和坑，maybe很弱智。

由于日常用的axios请求参数的头是headers，复制粘贴大法引发了一个弱智bug，该bug会引发 content-type 设置失效，变成默认的 application/json 。

微信模板语言中，监听自定义组件事件的方法与监听基础组件事件的方法完全一致：

因此Taro中监听自定义组件事件的方法要写成

渲染成微信小程序模板语言时变成

以自定义导航为例：（）

使用方法：

例：res.model在iPhone X模拟器输出"iPhone X"，在真机输出 "iPhone X (GSM+CDMA)iPhone10,3" ，所以此处用indexOf而不能用 "==="

Taro.request()支持get和post请求，通过异步的方式进行回调。主要有3个回调方法

所以，对statusCode !== 200 的情况，都应在success回调方法中处理，可以写个拦截器，在微信原生方法wx.request()中存在相同情况。

npm提示某某包undefined，一个一个重新安超浪费时间，目前我的解决办法是退出编译后删掉渲染成微信小程序模板语言的dist文件夹和node_modules文件夹，然后重新运行 npm i 和 npm run dev:weapp

还遇到挺多问题。。想不起来了。。待更新吧。。。

下水了，后续问题记录口以看这里

盘点 7 个超棒的微信小程序项目

小程序上线后，改版了很多次，包括一些 Api 接口也有改动。如果你学习一个很久之前的小程序项目是没有意义的，本文推荐的小程序都是最近有更新的。相信在你学习、部署的过程中，不会遇到很多问题。

本文推荐的项目从入门到进阶都有，收藏起来吧。

02. 小程序书店

技术栈：Taro + Taro UI + Redux + Webpack + ES6 + Mock。这个项目可以作为你第一个小程序练手项目。

这个小程序非常简单，可以作为初学者第一个实战项目。帮助新手理解 Taro 与 Redux 的配合方式与 Taro 的基本使用。本项目还提供了一个快速搭建本地 mock 服务的解决方案。

除此之外，这个项目还提供了学习文档：

03. 高仿喜马拉雅

如果你仅仅有 HTML CSS Js 的知识储备，想开发一个属于自己的小程序，这个 Demo 再适合你不过了，这个高仿喜马拉雅是一个初级项目完全使用微信小程序原生开发，没有使用自定义组件，非常的适合微信小程序开发新手。

04. 网易云音乐小程序

基于Taro与网易云音乐 api 开发，技术栈主要是：typescript+taro+taro-ui+redux+react-hooks。

目前主要是着重小程序端的展示，主要也是借此项目强化下上述几个技术栈的使用，打造一个最佳实践项目，通过这个项目也可以帮助你快速使用 Taro 开发一个属于你自己的小程序。

这是该小程序实现的一些功能：

小程序 GitHub Trending Hub 是一个以 Feed 流形式查看 GitHub Trending 仓库集合的工具，通过它可以及时查看最近更新的热门仓库。

刚刚提及的项目适合新手入门，这个小程序适合进阶选手。这个程序涉及很多组件的使用比如：

07. 情书站点

第一个项目是校园小情书的微信小程序，该项目功能包括表白墙、树洞、校园论坛。

下载。

小程序开发用什么框架

小程序开发可以使用以下框架：

1. 微信官方框架：使用微信官方提供的框架进行开发，可以快速上手，但功能相对较少。

2. uni-app框架：uni-app是一个基于Vue.js的开发框架，可以同时开发多个平台的小程序，如微信、支付宝、百度等。

3. Taro框架：Taro是一个多端开发框架，支持小程序、H5、React Native等多个平台，可以实现一次编写，多端运行。

4. mpvue框架：mpvue是一个基于Vue.js的小程序开发框架，可以使用Vue.js的语法进行开发，同时支持小程序原生API。

如果没有编程代码经验，可以寻求第三方小程序平台进行鼠标拖拽式搭建小程序。

使用alita 将React Native项目转化为小程序

1.通过npm全局安装alita

2.官方文档说明可以直接通过react native init一份项目直接转化，不过试了试，有问题，小程序一直报未找到入口文件 app.js，所以尽量使用alita官方提供的examples文件，所以可以clone一份HelloWorldRN，将文件名改为你的项目名就可以了：比如Demo

3.使用命令转化为小程序

4.安装相关依赖

5.将Demowp导入到微信开发者工具运行即可！Alita生成的小程序使用了小程序的npm功能， 所以需要在微信开发者工具下构建npm， 工具 -- 构建npm

6.运行效果

github:

react小程序的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于react 微信小程序、react小程序的信息别忘了在本站进行查找喔。