<commit_before>![odeum-codejs logo] (http://www.odeum.com/images/odeum_codejs_logo_2.png)

# odeum-codejs

**odeum-codejs** ```<odeum-codejs />``` is an open source Web Application Frontend Framework based upon React Components.

## CASE: New ODEUM frontend design

### Checkout the Google presentation for the case/problem:

* “Our existing App frontend is deprecated”.
* “We want a new design with better UX, faster and easier to use and understand”.
* “Single-Page-Application (SPA) design”.
* “Reuse of existing ODEUM backend (PHP/MySQL) through Restful API”.
* “Facilitate existing powerful JS view library”.
* “A component based architecture optimized for reuse for all ODEUM Apps (web/mobile)”.
* “Open Source technology with super fast traction and positive appraisal”.

## Enter React.JS

* “React JS looks promising”.
* “Component based model with encapsulation of design and functionality - write once - use everywhere”.
* “Exciting community with tons of eye-balling free stuff”.
* “Possibility to reuse new technical knowledge with React Native for mobile apps”.
* “Top tier company approval (FB, Instagram, Netflix, AirBnB)”.
* “… and probably much more!”.

## Contact

```ReactDOM.render(<Contact mail="<EMAIL>" phone=”+45 22 68 08 80” github="odeum-codejs" />, document.getElementById("odeum-codejs"));```

### Checkout the Google presentation for the case/problem:

<a href="http://bit.ly/2kt6mpR" target="_blank">Decomposing a new design into odeum-codejs</a><commit_msg>Added missing section to readme<commit_after>![odeum-codejs logo] (http://www.odeum.com/images/odeum_codejs_logo_2.png)

# odeum-codejs

**odeum-codejs** ```<odeum-codejs />``` is an open source Web Application Frontend Framework based upon React Components.

## CASE: New ODEUM frontend design

### Checkout the Google presentation for the case/problem:

* “Our existing App frontend is deprecated”.
* “We want a new design with better UX, faster and easier to use and understand”.
* “Single-Page-Application (SPA) design”.
* “Reuse of existing ODEUM backend (PHP/MySQL) through Restful API”.
* “Facilitate existing powerful JS view library”.
* “A component based architecture optimized for reuse for all ODEUM Apps (web/mobile)”.
* “Open Source technology with super fast traction and positive appraisal”.

## Enter React.JS

* “React JS looks promising”.
* “Component based model with encapsulation of design and functionality - write once - use everywhere”.
* “Exciting community with tons of eye-balling free stuff”.
* “Possibility to reuse new technical knowledge with React Native for mobile apps”.
* “Top tier company approval (FB, Instagram, Netflix, AirBnB)”.
* “… and probably much more!”.

## Contact

```ReactDOM.render(<Contact mail="<EMAIL>" phone=”+45 22 68 08 80” github="odeum-codejs" />, document.getElementById("odeum-codejs"));```

### Checkout the Google presentation for the case/problem:

<a href="http://bit.ly/2kt6mpR" target="_blank">Decomposing a new design into odeum-codejs</a>

## Basic Components

* Drawer (Panel open/close)
* Navigation / Routing (Memory Navigation History => DB)
* Button
  *  Flat style
  *  Raised style
  *  Icon Button
  *  Tooltip

* Text Input Component
  *  Field Error
  *  Hint
  *  Multi-line
  *  Number, currency, date/time masking
  *  Tooltip

* Radio
* Slider
* Popover
* Snackbar
* Picker Components
  *  Datetime picker
  *  Scroll Picker
* Table
* Tabs
{'fraction_non_alphanumeric': 0.11374963353855175, 'fraction_numerical': 0.007622398123717385, 'mean_word_length': 4.593442622950819, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 14, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '547287', 'n_tokens_mistral': 1067, 'n_tokens_neox': 1006, 'n_words': 382}