Isomorphic JavaScript is code that can run on both the server and the client. The benefits of this are that the initial page can be rendered server-side to improve page-load times, with the JavaScript also being loaded client-side to enable dynamic updates. The recommended stack is;
- React loaded with Preact
- Code should be written in React but for optimimal performance the build configuration should be updated to use Preact
- The preact-compat alias approach is preferred to minimize deviation from standard React (https://preactjs.com/guide/switching-to-preact)
- Redux used as a data store to help make data available both server and client side
- Classnames to enable the easy joining of classNames
- Jest for testing