tuture-dev / Ultra Club
Licence: mit
《Taro 多端小程序开发大型实战》源代码
Stars: ✭ 93
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Ultra Club
Teaching App Dev Swift
DEPRECATED. Instructor lesson plans that accompany Xcode projects, for guiding in-class experiential learning.
Stars: ✭ 699 (+651.61%)
Mutual labels: learning-by-doing
Notebooks
Learn Python for free using open-source notebooks in Hebrew.
Stars: ✭ 877 (+843.01%)
Mutual labels: learning-by-doing
Parsing With Haskell Parser Combinators
🔍 A step-by-step guide to parsing using Haskell parser combinators.
Stars: ✭ 72 (-22.58%)
Mutual labels: learning-by-doing
Ziglings
Learn the Zig programming language by fixing tiny broken programs.
Stars: ✭ 708 (+661.29%)
Mutual labels: learning-by-doing
100 page python intro
🐍 Short, introductory guide for the Python programming language 📗 ⚡️
Stars: ✭ 90 (-3.23%)
Mutual labels: learning-by-doing
Learnyounode
Learn You The Node.js For Much Win! An intro to Node.js via a set of self-guided workshops.
Stars: ✭ 6,933 (+7354.84%)
Mutual labels: learning-by-doing
Learning Unity Ecs 2
A bunch of small Unity projects where I explore and learn Unity's new ECS and Job System. Updated for the new API.
Stars: ✭ 65 (-30.11%)
Mutual labels: learning-by-doing
Numerical Computing Is Fun
Learning numerical computing with notebooks for all ages.
Stars: ✭ 730 (+684.95%)
Mutual labels: learning-by-doing
Gitinpractice
📖 An opinionated intermediate/advanced Git book
Stars: ✭ 798 (+758.06%)
Mutual labels: learning-by-doing
Projectlearn Project Based Learning
A curated list of project tutorials for project-based learning.
Stars: ✭ 699 (+651.61%)
Mutual labels: learning-by-doing
Dayasadev
📗 A course to teach non-technical team members what developers do 📗
Stars: ✭ 73 (-21.51%)
Mutual labels: learning-by-doing
Learn Julia The Hard Way
Learn Julia the hard way!
Stars: ✭ 679 (+630.11%)
Mutual labels: learning-by-doing
Koochooloo
Make your URLs shorter (smaller) and more memorable in Go
Stars: ✭ 29 (-68.82%)
Mutual labels: learning-by-doing
My Own Kind
Build a verifiably conformant kubernetes cluster in containers.
Stars: ✭ 78 (-16.13%)
Mutual labels: learning-by-doing
A Tiny Js World
A tiny task for those who isn't familiar with OOP and JS OOP in particular yet
Stars: ✭ 50 (-46.24%)
Mutual labels: learning-by-doing
Taro 多端小程序开发大型实战
【已完成】这里是《Taro 多端小程序开发大型实战》系列教程的源代码仓库。
项目预览
微信小程序云效果,微信小程序全流程:登录、发帖、展示帖子列表、查看帖子详情:
LeanCloud 效果,支付宝小程序全流程:登录、发帖、展示帖子列表、查看帖子详情:
项目界面说明(以微信小程序为例)
首页
主要是展示帖子列表,每个帖子包含:1)标题 2)描述 3)发帖人用户头像 4)发帖人用户名
帖子详情页
主要展示帖子详情,是另外一个页面,因为对于帖子列表展示的信息有限,详情页可以展示更多的帖子正文信息
发帖页面
主题用于给登录用户发帖,包含标题和正文,发的帖子会自动带上登录用户的身份信息
我的页面
已登录:展示用户头像和用户名
未登录:展示普通登录按钮和微信登录
未登录,进行登录界面:上传头像和输入昵称,昵称会自动作为用户主键标志
体验项目
克隆本仓库,然后进入 ultra-club:
git clone https://github.com/tuture-dev/ultra-club.git
cd ultra-club
安装 npm 包:
npm install
# yarn
开启微信小程序开发服务器:
npm run dev:weapp
# yarn dev:weapp
开启支付宝小程序开发服务器:
npm run dev:alipay
# yarn dev:alipay
教程内容概要
-
熟悉的 React,熟悉的 Hooks
- 用脚手架初始化项目
- 用熟悉的 React 代码编写用户界面
- 使用 React Hooks 重构状态管理
-
多页面跳转和 Taro UI 组件库
- 用自带路由功能搭建多页面应用
- 用 Taro UI 组件库升级界面
-
实现微信和支付宝多端登录
- 微信登录
- 支付宝登录
- 普通登录
- 退出登录
-
使用 Hooks 版的 Redux 实现应用状态管理
- 使用 Hooks 版本的 react-redux 来做绑定库
- 将应用全流程接入 redux
- 处理关于 loading 相关的加载
-
尝鲜微信小程序云
- 在 redux-saga 中使用微信小程序云
- 接通微信小程序云全流程
-
LeanCloud,一统江湖
- 在 redux-saga 中使用微信小程序云
- 接通微信小程序云全流程
反馈
欢迎对此教程的内容进行反馈(无论是疑问还是改进意见),可以在文章下方留言,也可以在此仓库创建 Issue!
联系我们
许可证
MIT。
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].