Electrode Platform

precondition：universal React/Node.js application

What is Electrode

Electrode is a platform for building large scale Universal React web 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.

Why use Electrode

If you're writing a universal React/Node.js application, then Electrode is for you!

• Universal JavaScript

  focus on Universal JavaScript

  SEO Reusability Maintainability

• Code/UI Reuse

• Server Side Rendering(SSR) Performance

• Fast Startup and Deployment

• Three Pillars

Requirements

What are Archetypes

Archetypes are npm modules that contain the typical standard stuff you would have to add to every new project you create. They encapsulate boilerplates for centralizing your project configurations, workflows, and dependencies.

Stand alone Modules

• Confippet

• Above The Fold Rendering

• Server Side Render Caching + Profiling

• Stateless CSRF Validation

• Redux Router Engine

Powerful Electrode Tools

• Electrify

• Electrode Explorer

• Bundle Analyzer

Electrode 提供了什么

• 一个易用的工作流，从而更加专注于代码，而不是环境。

• Alone Modules Functionality

• Powerful Electrode Tools

Node Framework

• electrode-server

• hapi

  已配置为中心，配置优于编码，业务逻辑和传输层进行分离；内置用于构建waeb和service应用的庞大的插件(验证、鉴权、和其他基础设施)

• express

Lerna

Lerna 是用来优化托管在git\npm上的多package代码库的工作流的一个管理工具，可以让你在主项目下管理多个子项目，从而解决了多个包相互依赖，且发布时需要手动维护多个包的问题。

前端

• React

• semantic-ui-react

• redux(flux的实现)

• react-router

• ...

同时使用react 的controler-view模式，只用来保存状态，然后将其转发给子组件。一定程度上提高component view 层的重用性。

xenv-config webpack-config-composer