{"post":{"id":"64ae8469b34e987d8116f356","_id":"64ae8469b34e987d8116f356","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/c8h0n7fSTqs/upload/c532a7c130b874aee574992d64d5ff61.jpeg","__typename":"PostCoverImage"},"slug":"creating-react-application-using-vitejs-rather-than-create-react-app-cra","readTime":4,"replyCount":1,"responseCount":5,"brief":"In this article, I will examine an alternative to Create React App (CRA) for building React applications: Vite.js. I will go over Vite.js's primary advantages over CRA and outline how to use it to build a React application. This tutorial is aimed at ...","subtitle":null,"isFeatured":false,"contributors":[{"_id":"62e333fad15a9fb24e5184d7","name":"Dumebi Okolo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1659057148934/WO4DxBfPG.jpeg","username":"DumebiO","__typename":"User"},{"_id":"6353d76905b52ed0b4798036","name":"Benjamin Amos","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1666439019703/q1-yXNIkD.png","username":"Henry23","__typename":"User"},{"_id":"64aee2992fa67ce73119e66f","name":"Opoku Sekyere","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1689182874178/a16efbd7-1cbd-45df-8d9d-807af2ea6d75.png","username":"QwecyPoku","__typename":"User"},{"_id":"64be99e6b856f1318e3cccbc","name":"Jeffrey Awuah Otu","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1690212838456/bae69bfa-ee18-45f9-8de4-61d027731646.jpeg","username":"jeff02","__typename":"User"}],"bookmarked":false,"views":166,"url":"https://ericobeng.hashnode.dev/creating-react-application-using-vitejs-rather-than-create-react-app-cra","totalReactions":34,"title":"CREATING REACT APPLICATION USING VITE.js RATHER THAN CREATE-REACT-APP (CRA)","dateAdded":"2023-07-12T10:46:01.015Z","cuid":"cljzlihiv000m09l9aol77wsz","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":null,"description":null,"__typename":"SEO"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"_id":"644d6725e1e6a70341c6d344","name":"Eric Obeng","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1682794278137/81b25435-4ec8-42bc-a268-bfe633c5979d.jpeg","isPro":false,"username":"EricObeng","__typename":"User","tagline":"Frontend Developer | Technical Writer "},"coAuthors":[],"series":null,"tags":[{"_id":"58ec8cb535aeeb5330e71961","logo":null,"name":"create-react-app","slug":"create-react-app","__typename":"Tag"},{"_id":"5f5c7c5413599a5f2e33f0d5","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625334604846/GT4JqIVHU.png","name":"vite","slug":"vite","__typename":"Tag"},{"_id":"56744722958ef13879b94ffb","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607322143407/LsbeyUL86.png","name":"Node.js","slug":"nodejs","__typename":"Tag"},{"_id":"56744723958ef13879b95322","logo":"https://res.cloudinary.com/hashnode/image/upload/v1460372304/ovff2sszokeskrwdfjjv.png","name":"npm","slug":"npm","__typename":"Tag"},{"_id":"572ca714bf97af427dd07e7d","logo":null,"name":"rollup","slug":"rollup","__typename":"Tag"}],"publication":{"_id":"644d678447a087b3e8348d6d","url":"https://ericobeng.hashnode.dev","canonicalURL":"https://ericobeng.hashnode.dev","title":"","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":null,"metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"ericobeng","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"64ae9177de430d6322529722","author":{"_id":"6353d76905b52ed0b4798036","name":"Benjamin Amos","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1666439019703/q1-yXNIkD.png","isPro":false,"username":"Henry23","__typename":"User"},"content":{"html":"

Nice content. Great information

\n","markdown":"Nice content. Great information","text":"Nice content. Great information\n","__typename":"Content"},"dateAdded":"2023-07-12T11:41:43.250Z","stamp":"cljzni4eo035ffjnv8jpxbfqn","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"64ae9635de430d632252985e","author":{"_id":"6353d76905b52ed0b4798036","name":"Benjamin Amos","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1666439019703/q1-yXNIkD.png","isPro":false,"username":"Henry23","__typename":"User"},"content":{"html":"

Nice content. Great information

\n","markdown":"Nice content. Great information","text":"Nice content. Great information\n","__typename":"Content"},"dateAdded":"2023-07-12T12:01:57.209Z","stamp":"cljzo853s03h9fjnv0s1x62b3","totalReactions":1,"__typename":"Comment","replies":{"edges":[{"node":{"id":"64b909b7074089dc914fff45","author":{"_id":"59f39981c3c658cb5b54b485","name":"polodev","photo":"https://res.cloudinary.com/hashnode/image/upload/v1509136770/iuymnmx0rbfuuxvqnyzg.png","isPro":false,"username":"polodev","__typename":"User"},"content":{"html":"

thanks

\n","markdown":"thanks","text":"thanks\n","__typename":"Content"},"dateAdded":"2023-07-20T10:17:27.985Z","stamp":"clkb00l2p01ccf2nv7nb0hvpk","totalReactions":1,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"64aee2f3de430d632252a4c1","author":{"_id":"64aee2992fa67ce73119e66f","name":"Opoku Sekyere","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1689182874178/a16efbd7-1cbd-45df-8d9d-807af2ea6d75.png","isPro":false,"username":"QwecyPoku","__typename":"User"},"content":{"html":"

Great Idea🔥🔥

\n","markdown":"Great Idea🔥🔥","text":"Great Idea🔥🔥\n","__typename":"Content"},"dateAdded":"2023-07-12T17:29:23.999Z","stamp":"cljzzx8ny072efjnv34zqbbuz","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"64be9ba339daac17cfbcd162","author":{"_id":"64be99e6b856f1318e3cccbc","name":"Jeffrey Awuah Otu","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1690212838456/bae69bfa-ee18-45f9-8de4-61d027731646.jpeg","isPro":false,"username":"jeff02","__typename":"User"},"content":{"html":"

Nice work 🔥

\n","markdown":"Nice work 🔥","text":"Nice work 🔥\n","__typename":"Content"},"dateAdded":"2023-07-24T15:41:23.780Z","stamp":"clkh1ckhv01m24bnvcrwghvpl","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"NA==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"62e333fad15a9fb24e5184d7","name":"Dumebi Okolo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1659057148934/WO4DxBfPG.jpeg","isPro":false,"username":"DumebiO","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"6353d76905b52ed0b4798036","name":"Benjamin Amos","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1666439019703/q1-yXNIkD.png","isPro":false,"username":"Henry23","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"64aee2992fa67ce73119e66f","name":"Opoku Sekyere","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1689182874178/a16efbd7-1cbd-45df-8d9d-807af2ea6d75.png","isPro":false,"username":"QwecyPoku","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"64be99e6b856f1318e3cccbc","name":"Jeffrey Awuah Otu","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1690212838456/bae69bfa-ee18-45f9-8de4-61d027731646.jpeg","isPro":false,"username":"jeff02","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

CREATING REACT APPLICATION USING VITE.js RATHER THAN CREATE-REACT-APP (CRA)

6 comments