Skip to content

⚛️ Collection of tools allowing to React.js applications to run on specific server-side environments such as Content Management Systems (CMS) or Portals.

License

Notifications You must be signed in to change notification settings

lundegaard/react-union

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Union

by Lundegaard

🖍️ 🛡 🚀

Easy React integration into legacy systems

The React Union project is a collection of tools that allow you to build modern React applications for content management systems or enterprise portals.

See our documentation site.

Build status Greenkeeper badge Github MIT License Downloads Version

Tools and libraries

  • React Union - React component that can assemble an application with one virtual DOM from multiple HTML fragments.
  • React Union Scripts - JavaScript SDK focused on a large codebase. Supports multiple entry points, async code-splitting, sharing the code between modules, etc.
  • ESLint config - ESLint configuration that is used within the React Union project.
  • Babel preset - Babel preset used within the React Union project.

Talks

Examples

More examples are coming! See the roadmap.

Content management systems, enterprise portals and React applications

There are some problems in these types of systems that need to be addressed in order to achieve a proper developer experience. This includes features such as HMR, application state time travel, ECMAScript 7+ syntax, etc. Additionally, there are problems regarding the nature of CMS and Portal solutions.

What are these problems?

  • Ad-hoc component rendering. We don't know the combination of widgets for any particular URL in advance. It is due to the fact that the user is able to customize what widgets should be rendered.
  • Multiple instances of the same widget in one view. E.g. image galleries, feeds or calendars. This fact adds complexity to managing application state, passing initial data, etc.
  • Sharing and synchronization of data between widgets. Even though the widgets have to be independent of each other, we have to be able to share the model/data they are working with.
  • Build optimization. Application code has to be split into several chunks to only serve code necessary for the current page.
  • Passing data from a server. There are cases where our widgets need to be provided data from a server, e.g. information about the user, preferences, color schema, etc.

About

⚛️ Collection of tools allowing to React.js applications to run on specific server-side environments such as Content Management Systems (CMS) or Portals.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published