javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-01-31 23:31:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(react): release of 0.0.5 and update readme (#17552)

Browse Source
This commit is contained in:
Josh Thomas
2019-02-20 19:15:30 -06:00
committed by GitHub
parent d9aa318aa4
commit 60aef2e418
2 changed files with 86 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
react/README.md
View File

@@ -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(<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

2
react/package.json
View File

@@ -1,6 +1,6 @@
{
"name": "@ionic/react",
"version": "0.0.4",
"version": "0.0.5",
"description": "React specific wrapper for @ionic/core",
"keywords": [
"ionic",