Next13 功能实现
Next13 功能实现
TailwindCSS的基本使用
Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file. It's fast, flexible, and reliable — with zero-runtime.
Next13 特性
• app Directory (beta): Easier, faster, less client JS. ◦ Layouts ◦ React Server Components ◦ Streaming • Turbopack (alpha): Up to 700x faster Rust-based Webpack replacement. • New next/image: Faster with native browser lazy loading. • New @next/font (beta): Automatic self-hosted fonts with zero layout shift. • Improved next/link: Simplified API with automatic <a>.
Prisma
Next-generation Node.js and TypeScript ORM Prisma unlocks a new level of developer experience when working with databases thanks to its intuitive data model, automated migrations, type-safety & auto-completion.
前端技术实现文件预览(word、excel、pdf、图片、文本)
终成
ServiceWork 缓存
ahooks —— hook手写
手写脚手架
React Beautiful Dnd(RBD) 的使用
React-Beautiful-DND,一个强大的拖拽包,能够优雅的做出丰富的拖拽页面应用,适用于列表之间拖拽的场景,支持移动端,且简单易上手。