{"id":4251361,"date":"2019-08-22T13:05:07","date_gmt":"2019-08-22T13:05:07","guid":{"rendered":"https:\/\/www.deptagency.com\/insight\/how-to-use-react-view-rendering-for-sitecore-tridion-and-mvc-projects\/"},"modified":"2019-08-22T13:05:07","modified_gmt":"2019-08-22T13:05:07","slug":"how-to-use-react-view-rendering-for-sitecore-tridion-and-mvc-projects","status":"publish","type":"article","link":"https:\/\/www.deptagency.com\/en-uki\/insight\/how-to-use-react-view-rendering-for-sitecore-tridion-and-mvc-projects\/","title":{"rendered":"How to use React view rendering for Sitecore, Tridion and MVC projects"},"content":{"rendered":"
\n\t\n\t<\/svg>\n\t\t\t\n\t\t\tBack to all articles\t\t<\/span>\n\t\n<\/button>\n\t\tHow to use React view rendering for Sitecore, Tridion and MVC projects\t<\/h1>\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/picture>\n\t\n\t<\/div>
\n\t\t\t\n\t\n\t
\n\t\tChris Eccles\t\t
\n\t\tArchitect\n\t\t\t<\/div>\n<\/div>\n\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tDate\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t22 August 2019\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n<\/div>\n\n
\n\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\n\t\tAt DEPT\u00ae, we\u2019ve recently started used React View Rendering for our Sitecore, Tridion Sites and MVC projects.\t<\/h2>\n\n\n\t\tPreviously, the Front End (FE) team at DEPT\u00ae created a demo site using Handlebar views. This was done to allow the FE team to create the HTML and CSS without integrating in to the CME.\t<\/p>\n\n\n\t\tAfter the demo site was created, the Back End (BE) team took the HTML generated and integrated it into the .Net application. .Net applications can\u2019t use handlebar views, so they need to be translated in to Razor views.\t<\/p>\n\n\n\t\tThis meant that the same view had to be written in two different languages, introducing three main problems:\t<\/p>\n\n