学习如何使用 NextJS、React、Convex、Typescript、Tailwind CSS 和 ShadCN 创建克隆 fiverr。这是一个提升全栈开发人员技能的很好的项目。 代码:https://github.com/vukrosic/next14-fiverr 视频油管链接:https://www.youtube.com/watch?v=s5YM1kH1ht8,作者:vukrosic (中文字幕是机器翻译;如字幕有错误,欢迎...
CheckIcon } from '@radix-ui/react-icons'; import { useForm } from 'react-hook-form'; import { z } from 'zod'; import { cn } from '@/app/lib/utils'; import { Button } from '@/components/ui/button'; import { Command, CommandEmpty, CommandGroup, CommandInput, Comm...
Do I need to write a new component on top of this, like that? import React from 'react'; import { Button } from '@/components/ui/shadcn/button'; type StyledButtonProps = React.ComponentProps<typeof Button> function StyledButton({...props }: StyledButtonProps) { return ( <Button {....
RanitManik/React.shadcn.JS-Template Sponsor Star1 Code Issues Pull requests Discussions This repository provides a streamlined template for building modern web applications using React, Vite, Tailwind, JavaScript and ShadcnUI. It offers a solid foundation for developers looking to create responsive and...
🎨 课程名称:Real-Time Chat App with NextJS, React, Tailwind, and Shadcn 👨🎓 讲师:Code Complete ✨ 课程连接:https://www.koudaizy.com/tutorials/real-time-chat-app-with-nextjs-react-tailwind-and-shadcn/ --- 要求 需要具备 ReactJS 和 TypeScript 的基本知识 不需要 NextJS 经验,...
2024年已经来临,React组件库的生态依然十分繁荣,本文会通过几个角度来拆解一下两个时下流行的组件库,通过客观的分析针对不同的角度来让使用者选择的时候更加的客观。 我们为什么要选择组件库? 一般来说每家公司在构建Web网站的时候都会选择一个组件库,组件库解决了大量的重复性工作,有非常好的开箱即用的组件,比如Sel...
React & Next.js新手也能玩转UI组件库构建! 2.3万 117 23:30 App 还在用ElementUI?试试这个! | Vuetify快速上手 556 -- 7:29 App Shadcn UI 速成课程 #1 - 简介和设置 1439 -- 8:12:38 App [中文字幕]Shadcn UI + Next JS - 使用 Shadcn 构建精美的仪表盘 2773 -- 18:54 App ShadCN与...
2024年已经来临,React组件库的生态依然十分繁荣,本文会通过几个角度来拆解一下两个时下流行的组件库,通过客观的分析针对不同的角度来让使用者选择的时候更加的客观。 我们为什么要选择组件库? 一般来说每家公司在构建Web网站的时候都会选择一个组件库,组件库解决了大量的重复性工作,有非常好的开箱即用的组件,比如Sel...
要想知道shadcn/ui 好不好用,还是要亲自体验一下。shadcn/ui 可以在支持 React 的框架的项目中使用,例如 Next.js、Astro、Remix、Gatsby 等。下面通过 Vite 创建一个 React 项目来体验一下。 创建React 项目 sh 复制代码npm create vite@latest 添加Tailwind 和配置 ...
Skill Connect: A job board app using React, Next.js, Tailwind, Shadcn UI, Aceternity UI, Sapabase and MongoDB. Students apply for jobs and engage with posts. Recruiters post jobs and track applications. reactmongodbreactjsnextjsnextsupabaseclerkauthshadcnaceternity-uitailwindccs ...