Skip to content

Commit

Permalink
chore(react): release of 0.0.5 and update readme (#17552)
Browse files Browse the repository at this point in the history
  • Loading branch information
jthoms1 authored Feb 21, 2019
1 parent d9aa318 commit 60aef2e
Show file tree
Hide file tree
Showing 2 changed files with 86 additions and 98 deletions.
182 changes: 85 additions & 97 deletions react/README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
## @ionic/react (alpha)
## @ionic/react (beta)

These are React specific building blocks on top of [@ionic/core](https://www.npmjs.com/package/@ionic/core) components/services.

Expand All @@ -9,106 +9,94 @@ We are currently working on providing more detailed documentation on usage but p
If you would like to see an example app of the implementation please go to our [react conference app](https://github.com/ionic-team/ionic-react-conference-app)


```ts
import React from 'react';
import ReactDOM from 'react-dom';
import { registerIonic } from '@ionic/react';
import App from './App';

registerIonic();

ReactDOM.render(<App />, document.getElementById('root'));
```


# Current Status of Components

Below is a list of components and their current status. Please know that these will not be final implementations but this list can be used to understand current progress.

| Component | Development Status | Tests |
| ------------------ |:------------------:|:-------------:|
| `IonActionSheet` | :white_check_mark: | :black_square_button: |
| `IonAlert` | :white_check_mark: | :black_square_button: |
| `IonAnchor` | :white_check_mark: | :black_square_button: |
| `IonApp` | :white_check_mark: | :black_square_button: |
| `IonAvatar` | :white_check_mark: | :black_square_button: |
| `IonBackButton` | :white_check_mark: | :black_square_button: |
| `IonBackdrop` | :white_check_mark: | :black_square_button: |
| `IonBadge` | :white_check_mark: | :black_square_button: |
| `IonButton` | :white_check_mark: | :black_square_button: |
| `IonButtons` | :white_check_mark: | :black_square_button: |
| `IonCard` | :white_check_mark: | :black_square_button: |
| `IonCardContent` | :white_check_mark: | :black_square_button: |
| `IonCardHeader` | :white_check_mark: | :black_square_button: |
| `IonCardSubtitle` | :white_check_mark: | :black_square_button: |
| `IonCardTitle` | :white_check_mark: | :black_square_button: |
| `IonCheckbox` | :white_check_mark: | :black_square_button: |
| `IonChip` | :white_check_mark: | :black_square_button: |
| `IonCol` | :white_check_mark: | :black_square_button: |
| `IonContent` | :white_check_mark: | :black_square_button: |
| `IonDatetime` | :white_check_mark: | :black_square_button: |
| `IonFab` | :white_check_mark: | :black_square_button: |
| `IonFabButton` | :white_check_mark: | :black_square_button: |
| `IonFabList` | :white_check_mark: | :black_square_button: |
| `IonFooter` | :white_check_mark: | :black_square_button: |
| `IonGrid` | :white_check_mark: | :black_square_button: |
| `IonHeader` | :white_check_mark: | :black_square_button: |
| `IonIcon` | :white_check_mark: | :black_square_button: |
| `IonImg` | :white_check_mark: | :black_square_button: |
| `IonInfiniteScroll` | :white_check_mark: | :black_square_button: |
| `IonInput` | :white_check_mark: | :black_square_button: |
| `IonItem` | :white_check_mark: | :black_square_button: |
| `IonItemDivider` | :white_check_mark: | :black_square_button: |
| `IonItemGroup` | :white_check_mark: | :black_square_button: |
| `IonItemOption` | :white_check_mark: | :black_square_button: |
| `IonItemOptions` | :white_check_mark: | :black_square_button: |
| `IonItemSliding` | :white_check_mark: | :black_square_button: |
| `IonLabel` | :white_check_mark: | :black_square_button: |
| `IonList` | :white_check_mark: | :black_square_button: |
| `IonListHeader` | :white_check_mark: | :black_square_button: |
| `IonLoading` | :white_check_mark: | :black_square_button: |
| `IonMenu` | :white_check_mark: | :black_square_button: |
| `IonMenuButton` | :white_check_mark: | :black_square_button: |
| `IonMenuToggle` | :white_check_mark: | :black_square_button: |
| `IonModal` | :white_check_mark: | :black_square_button: |
| `IonNote` | :white_check_mark: | :black_square_button: |
| `IonPicker` | :white_check_mark: | :black_square_button: |
| `IonPickerColumn` | :white_check_mark: | :black_square_button: |
| `IonPopover` | :white_check_mark: | :black_square_button: |
| `IonProgressBar` | :white_check_mark: | :black_square_button: |
| `IonRadio` | :white_check_mark: | :black_square_button: |
| `IonRadioGroup` | :white_check_mark: | :black_square_button: |
| `IonRange` | :white_check_mark: | :black_square_button: |
| `IonRefresher` | :white_check_mark: | :black_square_button: |
| `IonRefresherContent` | :white_check_mark: | :black_square_button: |
| `IonReorder` | :white_check_mark: | :black_square_button: |
| `IonReorderGroup` | :white_check_mark: | :black_square_button: |
| `IonRippleEffect` | :white_check_mark: | :black_square_button: |
| `IonRouterOutlet` | :white_check_mark: | :black_square_button: |
| `IonRow` | :white_check_mark: | :black_square_button: |
| `IonSearchbar` | :white_check_mark: | :black_square_button: |
| `IonSegment` | :white_check_mark: | :black_square_button: |
| `IonSegmentButton` | :white_check_mark: | :black_square_button: |
| `IonSelect` | :white_check_mark: | :black_square_button: |
| `IonSelectOption` | :white_check_mark: | :black_square_button: |
| `IonSelectPopover` | :white_check_mark: | :black_square_button: |
| `IonSkeletonText` | :white_check_mark: | :black_square_button: |
| `IonSlide` | :white_check_mark: | :black_square_button: |
| `IonSlides` | :white_check_mark: | :black_square_button: |
| `IonSpinner` | :white_check_mark: | :black_square_button: |
| `IonSplitPane` | :white_check_mark: | :black_square_button: |
| `IonTab` | :white_check_mark: | :black_square_button: |
| `IonTabBar` | :white_check_mark: | :black_square_button: |
| `IonTabButton` | :white_check_mark: | :black_square_button: |
| `IonTabs` | :white_check_mark: | :black_square_button: |
| `IonText` | :white_check_mark: | :black_square_button: |
| `IonTextarea` | :white_check_mark: | :black_square_button: |
| `IonThumbnail` | :white_check_mark: | :black_square_button: |
| `IonTitle` | :white_check_mark: | :black_square_button: |
| `IonToast` | :white_check_mark: | :black_square_button: |
| `IonToggle` | :white_check_mark: | :black_square_button: |
| `IonToolbar` | :white_check_mark: | :black_square_button: |
| `IonVirtualScroll` | :white_check_mark: | :black_square_button: |
| Component |
| ------------------ |
| `IonActionSheet` |
| `IonAlert` |
| `IonAnchor` |
| `IonApp` |
| `IonAvatar` |
| `IonBackButton` |
| `IonBackdrop` |
| `IonBadge` |
| `IonButton` |
| `IonButtons` |
| `IonCard` |
| `IonCardContent` |
| `IonCardHeader` |
| `IonCardSubtitle` |
| `IonCardTitle` |
| `IonCheckbox` |
| `IonChip` |
| `IonCol` |
| `IonContent` |
| `IonDatetime` |
| `IonFab` |
| `IonFabButton` |
| `IonFabList` |
| `IonFooter` |
| `IonGrid` |
| `IonHeader` |
| `IonIcon` |
| `IonImg` |
| `IonInfiniteScroll` |
| `IonInput` |
| `IonItem` |
| `IonItemDivider` |
| `IonItemGroup` |
| `IonItemOption` |
| `IonItemOptions` |
| `IonItemSliding` |
| `IonLabel` |
| `IonList` |
| `IonListHeader` |
| `IonLoading` |
| `IonMenu` |
| `IonMenuButton` |
| `IonMenuToggle` |
| `IonModal` |
| `IonNote` |
| `IonPicker` |
| `IonPickerColumn` |
| `IonPopover` |
| `IonProgressBar` |
| `IonRadio` |
| `IonRadioGroup` |
| `IonRange` |
| `IonRefresher` |
| `IonRefresherContent` |
| `IonReorder` |
| `IonReorderGroup` |
| `IonRippleEffect` |
| `IonRouterOutlet` |
| `IonRow` |
| `IonSearchbar` |
| `IonSegment` |
| `IonSegmentButton` |
| `IonSelect` |
| `IonSelectOption` |
| `IonSelectPopover` |
| `IonSkeletonText` |
| `IonSlide` |
| `IonSlides` |
| `IonSpinner` |
| `IonSplitPane` |
| `IonTab` |
| `IonTabBar` |
| `IonTabButton` |
| `IonTabs` |
| `IonText` |
| `IonTextarea` |
| `IonThumbnail` |
| `IonTitle` |
| `IonToast` |
| `IonToggle` |
| `IonToolbar` |
| `IonVirtualScroll` |

## Publishing a Native Application

Expand Down
2 changes: 1 addition & 1 deletion react/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@ionic/react",
"version": "0.0.4",
"version": "0.0.5",
"description": "React specific wrapper for @ionic/core",
"keywords": [
"ionic",
Expand Down

0 comments on commit 60aef2e

Please sign in to comment.