AI Replaces Junior Developers
<motion.div variants={FADE_DOWN_ANIMATION_VARIANTS} Instruction: remove import Card from "@/components/home/card"; import Layout from "@/components/layout"; align text below h1 left height="30" remove the sign in button import Image from "next/image"; Instruction: make the header add a button "Test me" below Deploy button [pages/index.tsx" 170L, 6361C written] round border for "Test me" make the "Test me" button look like Deploy button but blue import Banner from "react-wrap-banner"; import { motion } from "framer-motion"; import { DEPLOY_URL, FADE_DOWN_ANIMATION_VARIANTS } from "@/components/shared/const"; import WebVitals from "@/components/home/web-vitals"; import ComponentGrid from "@/components/home/component-grid"; import Image from "next/image"; export default function Home() { return ( <Layout> <div className="max-w-xl px-5 xl:px-0" initial="hidden" whileInView="show" animate="show" viewport={{ once: true }} variants={{ hidden: {}, show: { transition: { staggerChildren: 0.15, }, }, }} > Introducing Precedent Building blocks for your Next project An opinionated collection of components, hooks, and utilities for your Next.js project. Deploy to Vercel Star on GitHub Modal Popover Tooltip Beautiful, reusable components Pre-built beautiful, fully-fit components, powered by Tailwind CSS, Radix UI, and Framer Motion Sign In Test me
Длинный видеоклип показывает разработчика, который в Doom Emacs пошагово редактирует TypeScript/Next.js-код, а рядом в браузере в реальном времени меняется страница Precedent. Сначала он удаляет лишние элементы, затем добавляет кнопку «Test me», скругляет её и делает похожей на кнопку Deploy, но синей. Шутка об автоматизации фронтенд-разработки: AI постепенно выполняет задачи, которые обычно поручили бы джуну, поэтому ролик отправляют как саркастическую реакцию на вопрос, заменит ли ИИ младших разработчиков.
code editor / редактор кодаbrowser window / окно браузераweb page / веб-страницаdeveloper interface / интерфейс разработчикаTypeScript code / код TypeScriptNext.js project / проект Next.jsred Deploy to Vercel button / красная кнопка Deploy to Vercelblue Test me button / синяя кнопка Test meModal button / кнопка ModalPopover dropdown / выпадающий список PopoverTooltip button / кнопка TooltipSign In button / кнопка Sign Incomputer screen / экран компьютераpink browser tab bar / розовая панель вкладок браузера
- @jemalloc / 1081 2023-01-25
- Type
- video, 2:18
- Size
- 960×606 · 1.6 MiB
- Mood
- саркастичный
- Language
- en
- Added