获得徽章 0
开源分享，适合独立开发者的技术栈（WEB全栈、APP、小程序）
最近在开源WEB全栈、App、微信小程序的项目，力图解决一些问题。
帮助技术人了解一个产品的完整技术架构，帮助想拥有自己产品的人快速构建自己的产品。
目前这几个项目整体获得 1600+star ，感谢大家支持与厚爱
背景：
一直以来前端UI框架被固定形式占据（受限于传统的UI框架），导致视觉疲劳，在开发一些高度自定义的项目时，往往力不从心；
多设备适配的web优秀项目很少，学习和维护成本较高；
当项目复杂后，在组件需要调用多个 api 时会变得复杂起来，比如需要管理多个 loading 和 error 状态，这会导致产生非常多的 state 声明，还有请求取消、请求竞态等可能存在的问题也容易被忽略；
随着项目复杂，样式的开发与维护变得庞大且臃肿；
意图：改进背景中提到的问题。
目的：打造一个完整的，适合web端的良好生态。
使用技术： NextJs 、TailwindCss 、Headless UI 、MongoDB 、Redux - Toolkit - RTK Query 、JWT 、Docker 、React Native 、Expo 、Expo Router 、NativeWind 、Taro 。
WEB 全栈
全栈开源地址：
github.com
项目在线演示地址：
docker 部署地址：shop.huanghanlian.com
vercel 部署地址：c-shopping-three.vercel.app
APP
APP 开源地址：github.com
微信小程序
微信小程序 开源地址：github.com
最近在开源WEB全栈、App、微信小程序的项目，力图解决一些问题。
帮助技术人了解一个产品的完整技术架构，帮助想拥有自己产品的人快速构建自己的产品。
目前这几个项目整体获得 1600+star ，感谢大家支持与厚爱
背景：
一直以来前端UI框架被固定形式占据（受限于传统的UI框架），导致视觉疲劳，在开发一些高度自定义的项目时，往往力不从心；
多设备适配的web优秀项目很少，学习和维护成本较高；
当项目复杂后，在组件需要调用多个 api 时会变得复杂起来，比如需要管理多个 loading 和 error 状态，这会导致产生非常多的 state 声明，还有请求取消、请求竞态等可能存在的问题也容易被忽略；
随着项目复杂，样式的开发与维护变得庞大且臃肿；
意图：改进背景中提到的问题。
目的：打造一个完整的，适合web端的良好生态。
使用技术： NextJs 、TailwindCss 、Headless UI 、MongoDB 、Redux - Toolkit - RTK Query 、JWT 、Docker 、React Native 、Expo 、Expo Router 、NativeWind 、Taro 。
WEB 全栈
全栈开源地址：
github.com项目在线演示地址：
docker 部署地址：
shop.huanghanlian.comvercel 部署地址：
c-shopping-three.vercel.appAPP
APP 开源地址：
github.com微信小程序
微信小程序 开源地址：
github.com
展开
评论
点赞
Taro微信小程序听说坑很多，也遇到一些问题，但并不是不能解决，整体开发还是非常舒服。
目前架构基本完成，页面只完成了一部分功能（持续集成中），快来体验吧，让我知道你的想法！欢迎提供反馈和建议。快来扫码试试吧！
开源地址：github.com
目前架构基本完成，页面只完成了一部分功能（持续集成中），快来体验吧，让我知道你的想法！欢迎提供反馈和建议。快来扫码试试吧！
开源地址：
github.com
展开
1
1
c-shopping weapp 小程序版本正在开源中，欢迎大家来支持
使用技术
- Taro
- Redux Toolkit
- RTK Query
- TailWindCss
开源地址：github.com
#每日快讯#
使用技术
- Taro
- Redux Toolkit
- RTK Query
- TailWindCss
开源地址：
github.com#每日快讯#
展开
评论
点赞
Next.js 为什么火，到底解决了什么问题？
服务端渲染（SSR有助于SEO）、静态导出（SSG提高性能）、热模块替换（HMR）、自动代码拆分（使页面更快）、文件系统路由、API路由、CSS模块化、错误处理、高度可定制化、良好的社区和支持生态等等；next.js 开箱即用，用起来不折腾，相当于雇了一个专业团队帮你搞定了这些事情，直接上手堆业务就行。
我使用它开源了全栈项目，它解决了我非常多的问题，对我来说是福音；c-shopping开源地址：github.com
#每日快讯#
服务端渲染（SSR有助于SEO）、静态导出（SSG提高性能）、热模块替换（HMR）、自动代码拆分（使页面更快）、文件系统路由、API路由、CSS模块化、错误处理、高度可定制化、良好的社区和支持生态等等；next.js 开箱即用，用起来不折腾，相当于雇了一个专业团队帮你搞定了这些事情，直接上手堆业务就行。
我使用它开源了全栈项目，它解决了我非常多的问题，对我来说是福音；c-shopping开源地址：
github.com#每日快讯#
展开
3
2
如何做好UI，构建好的产品
缺乏设计思维的朋友，其实不用给自己设限，首先确定你的目标（你将要做的事情），然后就是开始行动，在一个个问题和如何解决问题中成长；分享下我行动中使用的一些UI工具类知识。 #我和产品经理的爱恨情仇#
缺乏设计思维的朋友，其实不用给自己设限，首先确定你的目标（你将要做的事情），然后就是开始行动，在一个个问题和如何解决问题中成长；分享下我行动中使用的一些UI工具类知识。 #我和产品经理的爱恨情仇#
评论
2
前几个开源项目一直在用rtk-query，设计了一套完整的架构流程，它在整体架构设计上非常好用。
最近在使用国内react生态框架taro开源小程序，发现使用rtk-query的案例和解决方案基本没有；花了点时间做了桥接，终于解决了，后续还要不断完善。
这次折腾给我的感受是，好的东西值得想尽办法使用起来，希望更多的人能够认识使用它。
我正在开源的小程序地址：github.com
最近在使用国内react生态框架taro开源小程序，发现使用rtk-query的案例和解决方案基本没有；花了点时间做了桥接，终于解决了，后续还要不断完善。
这次折腾给我的感受是，好的东西值得想尽办法使用起来，希望更多的人能够认识使用它。
我正在开源的小程序地址：
github.com
展开
评论
点赞
2024年App开发最简单的方式之一，c-shopping-rn 最小MVP完成！
动手实践才能验证真理，2024年做一个App最简单的方式之一，当然是react-native expo了！支持iOS、Android。如果觉得还不错请在github上给我一个star。
APP 开源地址：github.com
【2024年App开发最简单的方式之一，c-shopping-rn 开源啦!-哔哩哔哩】b23.tv
#创作者训练营#
动手实践才能验证真理，2024年做一个App最简单的方式之一，当然是react-native expo了！支持iOS、Android。如果觉得还不错请在github上给我一个star。
APP 开源地址：
github.com【2024年App开发最简单的方式之一，c-shopping-rn 开源啦!-哔哩哔哩】
b23.tv#创作者训练营#
展开
评论
点赞