--- title: We migrated 50,000 lines of code to React Server Components description: React Server Components are a lot. We migrated 50,000 lines of code to React.com and mux.mux.com. What are they not good for? How do you use them, how do you... canonical: https://daily.dev/posts/we-migrated-50-000-lines-of-code-to-react-server-components-jqux4ezpd twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: We migrated 50,000 lines of code to React Server Components | daily.dev og:description: React Server Components are a lot. We migrated 50,000 lines of code to React.com and mux.mux.com. What are they not good for? How do you use them, how do you... og:url: https://daily.dev/posts/we-migrated-50-000-lines-of-code-to-react-server-components-jqux4ezpd og:image: https://api.daily.dev/og/posts/JQUX4EzPD.png og:image:alt: We migrated 50,000 lines of code to React Server Components 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. # We migrated 50,000 lines of code to React Server Components **[Community Picks](https://daily.dev/sources/community)** · 18 min read · 48 upvotes · 8 comments ## Summary React Server Components are a lot. We migrated 50,000 lines of code to React.com and mux.mux.com. What are they not good for? How do you use them, how do you incrementally adopt them, and what kind of advanced patterns should you use to keep them under control. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@kyoukhana** · 4 upvotes > The real question is how complex was this process. Also how many custom server components were created. **@kkurko** · 2 upvotes > Great article about React Server Сomponents. I really like the format of writing (the article formulates questions and provides answers to them). The sections on how to do incremental migration and advanced patterns are great (although I find it weird to have a package just to understand that a component is running on the server and not on the client, but we probably need to wait for the tools to arrive) **@apperside** · 1 upvotes > This definitely is the best article about RSC as it covers the main questions developers could have when they start thinking to adopt RSC. Besides the good approach, this article is also excellently written, very good job! **@tdlm** · 0 upvotes > It really is a bummer that RSCs don’t support CSS-in-JS. --- Tags: [#react](https://daily.dev/tags/react), [#javascript](https://daily.dev/tags/javascript) [View this post on daily.dev](https://daily.dev/posts/we-migrated-50-000-lines-of-code-to-react-server-components-jqux4ezpd) ```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":"We migrated 50,000 lines of code to React Server Components","url":"https://daily.dev/posts/we-migrated-50-000-lines-of-code-to-react-server-components-jqux4ezpd","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/we-migrated-50-000-lines-of-code-to-react-server-components-jqux4ezpd"},"datePublished":"2023-08-02T19:11:55.003Z","dateModified":"2023-12-07T12:02:45.284Z","description":"React Server Components are a lot. We migrated 50,000 lines of code to React.com and mux.mux.com. What are they not good for? How do you use them, how do you...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6942b7e425939194a547c15a1c7950ce?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6942b7e425939194a547c15a1c7950ce?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Community Picks","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":"Community Picks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community","url":"https://daily.dev/sources/community"},"commentCount":8,"discussionUrl":"https://daily.dev/posts/we-migrated-50-000-lines-of-code-to-react-server-components-jqux4ezpd","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":48},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":8}],"keywords":"react,javascript","timeRequired":"PT18M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"We migrated 50,000 lines of code to React Server Components"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/we-migrated-50-000-lines-of-code-to-react-server-components-jqux4ezpd","comment":[{"@type":"Comment","text":"The real question is how complex was this process. Also how many custom server components were created.","datePublished":"2023-08-05T17:08:19.344Z","url":"https://daily.dev/posts/JQUX4EzPD#c-kCktYwAk7","author":{"@type":"Person","name":"Kevin","url":"https://daily.dev/kyoukhana","image":"https://avatars2.githubusercontent.com/u/756849?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}},{"@type":"Comment","text":"Great article about React Server Сomponents. I really like the format of writing (the article formulates questions and provides answers to them). The sections on how to do incremental migration and advanced patterns are great (although I find it weird to have a package just to understand that a component is running on the server and not on the client, but we probably need to wait for the tools to arrive)","datePublished":"2023-08-06T08:42:25.074Z","url":"https://daily.dev/posts/JQUX4EzPD#c-xgiWhKDAz","author":{"@type":"Person","name":"Kirill Kurko","url":"https://daily.dev/kkurko","image":"https://avatars.githubusercontent.com/u/58859242?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"This definitely is the best article about RSC as it covers the main questions developers could have when they start thinking to adopt RSC. Besides the good approach, this article is also excellently written, very good job!","datePublished":"2023-08-15T12:29:10.994Z","url":"https://daily.dev/posts/JQUX4EzPD#c-Kj72LQEtg","author":{"@type":"Person","name":"Apperside","url":"https://daily.dev/apperside","image":"https://avatars.githubusercontent.com/u/5955338?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"It really is a bummer that RSCs don’t support CSS-in-JS.","datePublished":"2023-08-28T05:39:17.308Z","dateModified":"2023-08-28T05:40:22.397Z","url":"https://daily.dev/posts/JQUX4EzPD#c-0oK1YGGgz","author":{"@type":"Person","name":"Scott","url":"https://daily.dev/tdlm","image":"https://media.daily.dev/image/upload/s--E1sPmqCc--/f_auto/v1778693132/avatars/avatar_ClyEYIbsIwrvUhZiWITas?_a=BAMAMiWQ0"}}]} ```