All Projects → tuture-dev → Ultra Club

tuture-dev / Ultra Club

Licence: mit
《Taro 多端小程序开发大型实战》源代码

Programming Languages

javascript
184084 projects - #8 most used programming language

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
Learning
Learn by building
Stars: ✭ 19 (-79.57%)
Mutual labels:  learning-by-doing
Python stock github
Python 量化投资及 Github 管理学习笔记
Stars: ✭ 39 (-58.06%)
Mutual labels:  learning-by-doing
Renderhelp
⚡️ 可编程渲染管线实现,帮助初学者学习渲染
Stars: ✭ 494 (+431.18%)
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
Workshops
Stars: ✭ 47 (-49.46%)
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
Selectstarsql
An interactive SQL book
Stars: ✭ 92 (-1.08%)
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 多端小程序开发大型实战》系列教程的源代码仓库。

项目预览

微信小程序云效果,微信小程序全流程:登录、发帖、展示帖子列表、查看帖子详情:

1705b4e9b0b79869.2020-03-10 11_01_12

LeanCloud 效果,支付宝小程序全流程:登录、发帖、展示帖子列表、查看帖子详情:

1705b4e9b0b79869.2020-03-10 11_01_12

项目界面说明(以微信小程序为例)

首页

主要是展示帖子列表,每个帖子包含:1)标题 2)描述 3)发帖人用户头像 4)发帖人用户名

00831rSTgy1gcony1tdh3j30ho0vojt4

帖子详情页

主要展示帖子详情,是另外一个页面,因为对于帖子列表展示的信息有限,详情页可以展示更多的帖子正文信息

00831rSTgy1gconz8dq34j30hu0vkta0

发帖页面

主题用于给登录用户发帖,包含标题和正文,发的帖子会自动带上登录用户的身份信息

00831rSTgy1gcoo0t75bbj30hq0vwgnk

我的页面

已登录:展示用户头像和用户名

00831rSTgy1gcoo2hl2q3j30hs0vutaw

未登录:展示普通登录按钮和微信登录

00831rSTgy1gcoo2tiuqkj30hm0vwq48

未登录,进行登录界面:上传头像和输入昵称,昵称会自动作为用户主键标志

位图

体验项目

克隆本仓库,然后进入 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

教程内容概要

  1. 熟悉的 React,熟悉的 Hooks
    • 用脚手架初始化项目
    • 用熟悉的 React 代码编写用户界面
    • 使用 React Hooks 重构状态管理
  2. 多页面跳转和 Taro UI 组件库
    • 用自带路由功能搭建多页面应用
    • 用 Taro UI 组件库升级界面
  3. 实现微信和支付宝多端登录
    • 微信登录
    • 支付宝登录
    • 普通登录
    • 退出登录
  4. 使用 Hooks 版的 Redux 实现应用状态管理
    1. 使用 Hooks 版本的 react-redux 来做绑定库
    2. 将应用全流程接入 redux
    3. 处理关于 loading 相关的加载
  5. 尝鲜微信小程序云
    1. 在 redux-saga 中使用微信小程序云
    2. 接通微信小程序云全流程
  6. LeanCloud,一统江湖
    1. 在 redux-saga 中使用微信小程序云
    2. 接通微信小程序云全流程

反馈

欢迎对此教程的内容进行反馈(无论是疑问还是改进意见),可以在文章下方留言,也可以在此仓库创建 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].