Catching Server-side Rendering Errors in React JSS Apps

It was quite common for Sitecore MVC implementation to add logic around renderings that will catch unexpected exceptions in them and save your page from complete collapse. Such logic hides your component from end-users and might only put something in HTML comments, while during preview or editing experience it will give some visual indication of an error and its details. Such functionality can also be very useful for React JSS applications, but it is not that simple especially for isomorphic apps leveraging SSR (server-side rendering)....

January 18, 2019 · 3 min · Alex Smagin

How to marry ReactJS and Sitecore with Webpack – Part 4. Module on GitHub

It’s been a while since I wrote about Sitecore, React and embedded JS Engine. Also, my presentation on Philadelphia SUG last year was mainly theoretical. So the last few days I’ve spent cleaning up my sources that I’ve been using for those posts. It looks like that this time to open sources. GitHub https://github.com/asmagin/sitecore-js-presentation In the repo, I’ve put sources, samples, and some docs that I will update and enrich going forward....

February 15, 2017 · 2 min · Alex Smagin

How to marry ReactJS and Sitecore with Webpack - Part 3. JS Engines Performance

If you are following ReactJS.NET topic, then you probably know that they are migrated to a new JS engine. Now the project is using JavaScript Engine Switcher, which supports multiple engines: MSIE, V8, Jint, Jurassic, Chakra Core & Vroom. As I’m planning to use JS engine to render components we need to know which one is the best. Test Setup For the test, I’m not going to use everything in ReactJS....

October 22, 2016 · 3 min · Alex Smagin

How to marry ReactJS and Sitecore with Webpack - Part 2. Adding Redux

I’ve ended my previous post I’ve mentioned that I would add redux in a Sitecore-ReactJS mix. That is what I’m going to talk about in this post. An original solution helps us to reuse ReactJS views on the server which actually could save us time in development and maintenance. It was more about static content generation. While most of the sites I’m working with requiring more than that. Take an e-commerce storefront, a travel site, or utility customer portals, a customer would demand a lot of interactivity in all of them....

October 20, 2016 · 6 min · Alex Smagin

How to marry ReactJS and Sitecore with Webpack

There were a few posts on the internet on how to integrate front-end code into a Sitecore solution. It all started with a post from Alex Shyba. Back in February, he describes the general concept of an integration. Then Richard Seal created a module for Sitecore that allow you to use jsx renderings in Sitecore. I was trying to solve a problem of an HTML handover between front-end and Sitecore developers for a while....

October 10, 2016 · 6 min · Alex Smagin