#component-based development
50 related articles
·3 min
Kimi Code Open-Source Hands-On Review: Installation, Feature Comparison & Cost Analysis
Hands-on review of Moonshot's open-source Kimi Code terminal AI coding tool, covering one-command installation, Ink framework architecture, VS Code plugin mode, and comparisons with Claude Code and Gemini CLI.
Read more →
·2 min
Frontend to AI Agent Architect: A Complete 3-Month Learning Roadmap
How can frontend engineers transition to AI Agent development? A systematic 3-month roadmap covering AI concepts, model selection, team productivity, and Agent architecture.
Read more →
·3 min
Vue 3 in Practice: A Complete Guide to Building a NetEase Cloud Music Clone from Scratch
Build a NetEase Cloud Music clone from scratch with Vue 3, covering Composition API, Vue Router, Pinia, QR code login, audio playback, and local API setup.
Read more →
·2 min
Remotion: The Open-Source Framework for Code-Driven Video Production with React
Deep dive into Remotion, the open-source framework for writing videos with React components. Covers core principles, use cases, comparison with traditional editors, and quick start guide.
Read more →
·2 min
Building a Weather Data Visualization & Prediction System with Cursor in 40 Seconds
Learn how Cursor AI built a weather data visualization & prediction system in 44 seconds, covering frontend-backend architecture, prompt engineering, and tips for graduation projects.
Read more →
·2 min
ViBench: A Benchmark Designed Specifically for Evaluating AI Application Building Capabilities
Deep dive into ViBench, a benchmark addressing SWE-bench's gaps in evaluating AI application building through end-to-end generation, visual quality, and functional completeness.
Read more →
·2 min
Google Teams Up with Flutter and Angular to Launch a New Generation of Developer Tool Series
Google officially teams up Flutter and Angular to launch a new developer series focused on faster development, more expressive UI, and more powerful features for next-gen cross-platform apps.
Read more →
Tutorials·2 min
Cursor AI Fully Auto-Generates a Xiaomi Store Clone: Deep Dive into a Full-Stack Practical Course
Deep dive into a full-stack course using Cursor AI and Figma AI to auto-generate a Xiaomi Store clone with Spring Boot, Vue3, and UniApp for Web and WeChat Mini Program.
Read more →
Tutorials·2 min
Cursor AI Fully Auto-Generates a Xiaomi Store Clone: Deep Dive into a Full-Stack Practical Course
Deep dive into a full-stack course using Cursor AI and Figma AI to auto-generate a Xiaomi Store clone with Spring Boot, Vue3, and UniApp for web and WeChat Mini Programs.
Read more →
Tutorials·3 min
Getting Started with Cocos Creator 3D Particle Effects: Create Stars, Explosions, and Smoke with Zero Code
Learn how to create 3D particle effects in Cocos Creator with zero code — covering twinkling stars, explosions, smoke, converging particles, and sprite sheet animations using the visual editor.
Read more →
Tutorials·3 min
Open Design in Practice: A Complete Guide to the Open-Source AI Design Tool That Replaces Claude Design
Complete guide to Open Design: an open-source AI design tool replacing Claude Design. Covers installation, prototype creation, HTML-to-Next.js migration, and Harness component encapsulation.
Read more →
Tutorials·4 min
Deep Dive into Claude Code's Agent Architecture: From Principles to Minimal Implementation
Deep analysis of Claude Code's four core agent modules: Agent Loop, Tool System, Skills, and Memory, with a TypeScript minimal implementation guide for frontend engineers transitioning to AI development.
Read more →
Tutorials·4 min
WeChat Mini Program Login & Registration: A Full-Stack Integration Guide with SDK Integration and Debugging Lessons
Complete guide to WeChat Mini Program login/registration full-stack integration, covering SDK splitting, Pixso design-to-component workflow, debugging techniques, and AI-assisted programming collaboration methods.
Read more →
Tutorials·3 min
SSM + UniApp Pharmacy Management & Sales Mini-Program: Three-Role Permission System with Real-Time Inventory Synchronization
A pharmacy management & sales mini-program built with SSM and UniApp, featuring three-role permission control, real-time inventory synchronization, and complete e-commerce workflows—ideal for Java graduation projects.
Read more →
Tutorials·3 min
Building a Home Appliance Repair Platform on WeChat Mini Program: A Full-Stack Solution with Spring Boot + uni-app
A detailed guide to building a home appliance repair O2O platform on WeChat Mini Program using Spring Boot backend, uni-app frontend, and Vue admin panel with booking, order management, and smart customer service.
Read more →
Tutorials·3 min
Building a House Rental WeChat Mini Program: A Full-Stack Guide with UniApp + SpringBoot
A detailed guide to building a house rental WeChat Mini Program with UniApp and SpringBoot, covering three user roles, viewing appointment workflows, and full-stack architecture best practices.
Read more →
Product Reviews·3 min
The AI Website Building Era: Do Businesses Still Need Technical Teams?
AI website builders let businesses launch sites without technical teams, but complex needs still require professional development. This article analyzes use cases, limitations, and decision-making advice.
Read more →
Tutorials·3 min
Bolt + Expo in Practice: A Complete Tutorial on Developing Mobile Apps with AI-Generated Code
Complete guide to building mobile apps with Bolt and Expo: AI code generation, local debugging, EAS cloud builds, and App Store deployment steps explained.
Read more →
Tutorials·3 min
A Complete Guide to Using AI Agents for Product Launch Videos, Growth Marketing, and Business Plans
How to use AI Agents for product launch videos, multi-platform growth marketing, and business plan writing — a complete workflow for indie developers building one-person companies.
Read more →
Tutorials·3 min
Building an On-Chain Trading Bot Management Dashboard with AI — Zero Coding Required
Learn how to use the open-source AI framework Bolt with DeepSeek LLM API to build a visual on-chain trading bot management dashboard through natural language — zero coding required.
Read more →