User Edit Lab
The User Edit lab experiments with an HTMl and mobile first take on the MODX 2.x User Edit page. Thus far, the lab has been written HTML–first and progressively enhanced with React + Redux. It would be great to enhance it with other frameworks, or "drivers" such as AngularJS as well.
Notice the Create New User Setting and Add User to User Group components support synchronous .no-js users as well.
The React + Redux proof can be accessed at:
http://jpdevries.github.io/matboard/labs/user-edit/
Notice as you interact with the form the console logs the current state of the store.
- Accessible
- Responsive
- Keyboard Friendly
- Lightweight (CSS + JS is less than 16kb over GZIP excluding CDN requests)
- HTML–first
- React + Redux 0.15
- Two Way Data Binding
- Supports hCard microformat
- Politically Correct Gender Options
- React
- ReactDOM
- Redux
- React Redux
- Update User Setting (after create)
- Internationalization
- Tests
- a11y audit
- Async Collapse
- Nodal
- AngularJS Driver?
- VanillaJS Driver?
React + Redux allows us to hook our views up to the database with two–way data binding while maintaining complete creative freedom over our views.
Currently there is some duplication with the markup being in index.html as HTML first as well as in the React JSX. If powered by a Node backend index.html could be authored using those same React components.
WIP