--- title: A starter for React + Vite + twin.macro | daily.dev description: Just want to try react, vite and twin.macro for the first time. React + Vite + twin. Macro is a combination of react and vite. It is designed to make the most... canonical: https://daily.dev/posts/a-starter-for-react-vite-twin-macro-6hedqxulm twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: A starter for React + Vite + twin.macro | daily.dev og:description: Just want to try react, vite and twin.macro for the first time. React + Vite + twin. Macro is a combination of react and vite. It is designed to make the most... og:url: https://daily.dev/posts/a-starter-for-react-vite-twin-macro-6hedqxulm og:image: https://api.daily.dev/og/posts/6heDqXuLm.png og:image:alt: A starter for React + Vite + twin.macro 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. # A starter for React + Vite + twin.macro **[React.js Examples](https://daily.dev/sources/reactexample)** · 1 min read · 14 upvotes · 0 comments ## Summary Just want to try react, vite and twin.macro for the first time. React + Vite + twin. Macro is a combination of react and vite. It is designed to make the most of the time you spend on the web. You can try it out for yourself by following this guide. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#react](https://daily.dev/tags/react), [#vite](https://daily.dev/tags/vite) [View this post on daily.dev](https://daily.dev/posts/a-starter-for-react-vite-twin-macro-6hedqxulm) ```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":"A starter for React + Vite + twin.macro","url":"https://daily.dev/posts/a-starter-for-react-vite-twin-macro-6hedqxulm","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/a-starter-for-react-vite-twin-macro-6hedqxulm"},"datePublished":"2021-09-07T09:24:12.632Z","dateModified":"2021-10-07T14:17:10.317Z","description":"Just want to try react, vite and twin.macro for the first time. React + Vite + twin. Macro is a combination of react and vite. It is designed to make the most...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2ac6b6545aad5f516099512e49a774b6","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2ac6b6545aad5f516099512e49a774b6","isAccessibleForFree":true,"articleSection":"React.js Examples","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":"React.js Examples","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/29f6bb1811414e1fbfa654e5e188812c","url":"https://daily.dev/sources/reactexample"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/a-starter-for-react-vite-twin-macro-6hedqxulm","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":14},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,vite","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"React.js Examples","item":"https://daily.dev/sources/reactexample"},{"@type":"ListItem","position":3,"name":"A starter for React + Vite + twin.macro"}]} ```