Edit on GitHub

What is Electrode?

Electrode is a platform for building universal React/Node.js applications with a standardized structure that follows best practices and has modern technologies baked in. Electrode focuses on performance, component reusability and simple deployment to multiple cloud providers—so you can focus on what makes your app unique.

Core: Quick + Easy #

Electrode Core allows you to build a flexible and universal React/Node.js application in minutes, with support for server-side rendering and easy deployment. Use Electrode to start new projects quickly with a simple, consistent structure that follows modern best practices.

The heart of the Electrode platform is managed by the Electrode Archetype System, which allows for a standardized configuration, structure and workflow throughout the entire applicaiton. 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.

It only takes a few minutes to get your new Electrode application running and deployed to the cloud. See our Getting Started:Quick Guide to get started now.

Stand Alone Modules: Optimize Where You Want #

The Electrode platform uses several modules to help with a variety of common tasks 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 guide.

Tools: Power Up Your Existing Applications #

The Electrode Platform also has tools that can be consumed by existing applications built with other platforms (though with Electrode core, these tools are either bundled directly or require far less configuration). There are currently two powerful tools:

Start using Electrode Explorer and Electrify in your existing applications.

Features #

Electrode Boilerplate comes fully loaded with the best technologies available:

  • React - an awesome JavaScript library for building user interfaces, created by Facebook.

  • Redux - a predictable state container for JavaScript apps.

  • React Router - a powerful routing library built on top of React.

  • CSS Modules - a CSS file in which all class names and animation names are scoped locally by default. Fixes the problem of the global scope in CSS.

  • Universal rendering

  • Webpack - a powerful module bundler.

  • Webpack Isomorphic Loader - a powerful tool that makes NodeJS require understand files such as images for SSR.

  • Babel - a utility to transpile ES6 + 7.

  • ESLint - a pluggable linting utility for Javascript.

  • Mocha - a feature-rich Javascript testing framework.

  • Enzyme - a Javascript testing utility for React, created by airbnb.

  • TravisCI - a continuous integration service to build and test software projects.

  • Gulp - a Javascript build tool that lets us automate tasks.

  • Yeoman - a Scaffolding tool for modern webapps.

  • History - a Javascript library for managing session history.

  • Bluebird - a great Javascript promise library.

  • Electrode Confippet - a versatile and flexible utility for managing configurations of Node.js applications.

  • Electrode JWT CSRF - a module to enable stateless Cross-Site Request Forgery (CSRF) protection with JWT.

  • Electrode-Redux-Router-Engine - an Electrode routing and rendering engine using react-router and redux.

  • Component Caching - an optimizer to improve React Server Side Rendering speed

  • 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. mentation.