--- title: Using AI to Migrate from Lit to React | daily.dev description: A web agency shares its process for migrating a production codebase from Lit.js to React using AI, driven by new infrastructure requirements and a fixed launch... canonical: https://daily.dev/posts/using-ai-to-migrate-from-lit-to-react-ydipy0nml twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Using AI to Migrate from Lit to React | daily.dev og:description: A web agency shares its process for migrating a production codebase from Lit.js to React using AI, driven by new infrastructure requirements and a fixed launch... og:url: https://daily.dev/posts/using-ai-to-migrate-from-lit-to-react-ydipy0nml og:image: https://api.daily.dev/og/posts/yDipY0NmL.png og:image:alt: Using AI to Migrate from Lit to React og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Using AI to Migrate from Lit to React **[Viget](https://daily.dev/sources/viget)** · 7 min read · 2 upvotes · 0 comments ## Summary A web agency shares its process for migrating a production codebase from Lit.js to React using AI, driven by new infrastructure requirements and a fixed launch deadline. The approach: pick a strong reasoning model, have the AI build a detailed migration plan with explicit folder structure and testing requirements, test the plan on a few components of varying complexity before running it across the whole repo, and then perform thorough manual and visual QA since AI got some CSS and styling details wrong. The team says AI cut the migration itself from about a month to a few days, though QA still took roughly two weeks, underscoring that human review remains essential. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How can I use AI to migrate a Lit.js codebase to React without missing a launch deadline? Pick a high-thinking model such as a newer Claude model, then have it draft a detailed migration plan covering folder structure, naming conventions, testing framework, and CSS approach before touching code. Test the plan on a few components of varying complexity first, then run it across the full repo. One team cut a month-long manual migration plus a month of QA down to a few days of migration and two weeks of QA this way. _daily.dev surfaces practical write-ups like this for developers weighing AI-assisted framework migrations._ ### What are the limitations of using AI to migrate Lit components to React? AI-driven migration handles the bulk conversion well but does not get everything right, especially CSS and component styling, so visual QA against the original designs is still required. Generated tests may also miss edge cases, meaning manual functional testing and human review remain necessary even after automated tests pass. _Developers relying on AI for refactors can track these kinds of caveats through daily.dev._ ## Similar posts on daily.dev - [Ask HN: How can I get better at using AI for programming?](https://daily.dev/posts/ask-hn-how-can-i-get-better-at-using-ai-for-programming--1wvnlsk7n) · Hacker News · 1 upvotes · 0 comments - [Agents change the math on big bang migrations](https://daily.dev/posts/agents-change-the-math-on-big-bang-migrations-pac5lf3qj) · swizec.com · 35 upvotes · 8 comments - [How to Modernize a Legacy Application with AI Without Turning It Into a Rewrite](https://daily.dev/posts/how-to-modernize-a-legacy-application-with-ai-without-turning-it-into-a-rewrite-wgq9enof0) · freeCodeCamp · 2 upvotes · 0 comments - [AI Productivity for React Developers in 2026](https://daily.dev/posts/ai-productivity-for-react-developers-in-2026-zxhgjjr71) · Telerik · 5 upvotes · 1 comments - [10 anti-AI slop moves for frontend projects going faster than humans can review—Martian Chronicles, Evil Martians’ team blog](https://daily.dev/posts/10-anti-ai-slop-moves-for-frontend-projects-going-faster-than-humans-can-review-martian-chronicles--70jbo6jvx) · Martian Chronicles · 24 upvotes · 5 comments --- Tags: [#react](https://daily.dev/tags/react), [#testing](https://daily.dev/tags/testing), [#ai-coding](https://daily.dev/tags/ai-coding) [View this post on daily.dev](https://daily.dev/posts/using-ai-to-migrate-from-lit-to-react-ydipy0nml) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Using AI to Migrate from Lit to React","url":"https://daily.dev/posts/using-ai-to-migrate-from-lit-to-react-ydipy0nml","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/using-ai-to-migrate-from-lit-to-react-ydipy0nml"},"datePublished":"2026-08-18T17:20:36.088Z","dateModified":"2026-09-14T08:21:08.832Z","description":"A web agency shares its process for migrating a production codebase from Lit.js to React using AI, driven by new infrastructure requirements and a fixed launch...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/a67ed8165cab8c790f781b90f558d646?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/a67ed8165cab8c790f781b90f558d646?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Viget","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Viget","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/bb75aa01968d4bdb91c583d939f83184","url":"https://daily.dev/sources/viget"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/using-ai-to-migrate-from-lit-to-react-ydipy0nml","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,testing,ai-coding","timeRequired":"PT7M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Viget","item":"https://daily.dev/sources/viget"},{"@type":"ListItem","position":3,"name":"Using AI to Migrate from Lit to React"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/using-ai-to-migrate-from-lit-to-react-ydipy0nml#faq","mainEntity":[{"@type":"Question","name":"How can I use AI to migrate a Lit.js codebase to React without missing a launch deadline?","acceptedAnswer":{"@type":"Answer","text":"Pick a high-thinking model such as a newer Claude model, then have it draft a detailed migration plan covering folder structure, naming conventions, testing framework, and CSS approach before touching code. Test the plan on a few components of varying complexity first, then run it across the full repo. One team cut a month-long manual migration plus a month of QA down to a few days of migration and two weeks of QA this way. daily.dev surfaces practical write-ups like this for developers weighing AI-assisted framework migrations."}},{"@type":"Question","name":"What are the limitations of using AI to migrate Lit components to React?","acceptedAnswer":{"@type":"Answer","text":"AI-driven migration handles the bulk conversion well but does not get everything right, especially CSS and component styling, so visual QA against the original designs is still required. Generated tests may also miss edge cases, meaning manual functional testing and human review remain necessary even after automated tests pass. Developers relying on AI for refactors can track these kinds of caveats through daily.dev."}}]} ```