From 60aef2e4181a076f382a169fb4c443a6fefd45c5 Mon Sep 17 00:00:00 2001 From: Josh Thomas Date: Wed, 20 Feb 2019 19:15:30 -0600 Subject: [PATCH] chore(react): release of 0.0.5 and update readme (#17552) --- react/README.md | 182 +++++++++++++++++++++------------------------ react/package.json | 2 +- 2 files changed, 86 insertions(+), 98 deletions(-) diff --git a/react/README.md b/react/README.md index fc2c32d1dfb..893050bfa68 100644 --- a/react/README.md +++ b/react/README.md @@ -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. @@ -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(, 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 diff --git a/react/package.json b/react/package.json index 29118a807d0..e5d50f7ec39 100644 --- a/react/package.json +++ b/react/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/react", - "version": "0.0.4", + "version": "0.0.5", "description": "React specific wrapper for @ionic/core", "keywords": [ "ionic",