Electrode is a platform for building large scale Universal React web applications with a standardized structure that follows best practices and has modern technologies built in. Electrode focuses on performance, component reusability, and simple deployment to multiple cloud providers—so you can focus on what makes your app unique.
Electrode Core allows you to start building a large scale Universal React/Node.js application in minutes, with support for server side rendering, easy deployment, and scaling up to teams with hundred of developers.
The heart of the platform is the Electrode Archetype System, which allows for a standardized configuration, structure and workflow throughout the entire application. By enforcing a sensible structure and consistency for components, modules and the entire app, Electrode’s Archetype system helps you build scalable applications you can trust while ensuring streamlined development and deployment.
Electrode comes with two major archetypes to support large scale React web application development.
Electrode Application Archetype comes with everything to help you build a Universal React application and support for production deployments.
Electrode Component Archetype comes with everything to support building and sharing reusable React components across teams with hundreds of developers.
It only takes a few minutes to get your new Electrode application running and deployed to the cloud. See our Quick Guide to get started now.
When building your React application with the Electrode Platform, you get an out-of-the-box app with defaults that make sense for the most typical use case, but if you need it, you have all of the following features ready to use with available options.
Everything you need to build a Universal React application with ES6 and JSX.
Prime support for building and sharing reusable React components.
Styling with CSS Module using PostCSS.
Highly optimized Server-Side Rendering for your React App
Build a Progressive Web App out of box
Ready to deploy to Heroku in production mode
Hot Module Reload support while developing app or components.
Using images as module in your React code.
Manage the application configuration base on
NODE_ENV and customizable ENV you choose.
Stateless Cross Site Request Forgery (CSRF) protection.
NodeJS web servers using Hapi, Express, or Koa.
A HTML base visual reporter for webpack compile results.
In order to provide the features for an Electrode Application, we provide the following modules.
Webpack Isomorphic Loader - Makes NodeJS
require understand files such as images for SSR.
Component Caching - A caching optimizer to improve React Server Side Rendering performance.
Electrode Confippet - Helps compose NodeJS application configuration base on
Electrode-Server - A configurable web server using Hapi.js on top of Node.js.
Electrify - A tool for analyzing the module tree of webpack projects.
Electrode-Docgen - A custom metadata extractor for the Electrode framework, automates component documentation.
As part of the Electrode Platform, we have a number of modules to help with common tasks and features, from server-side render caching to flexible configuration management. These modules can be used independently of Electrode Core, which means you can integrate them into your existing apps.
Start using these modules in your existing application with our Standalone Modules Guide.
The Electrode Platform also has tools that can be consumed by existing applications built with other platforms (with Electrode core, these tools are either bundled directly or require far less configuration). The powerful tools help you to: