-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
6b3931a
commit 239d07d
Showing
1 changed file
with
50 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,52 @@ | ||
[![gitbook](https://img.shields.io/badge/documentation-gitbook-blue)](https://silicia-apps.gitbook.io/sio-framework/) | ||
[![compile](https://github.com/silicia-apps/sio/actions/workflows/compile.yml/badge.svg)](https://github.com/silicia-apps/sio/actions/workflows/compile.yml) | ||
|
||
Silicia Ionic Framework (SIO) is a library for developing open-source hybrid applications released under the MIT license. This library was created with the aim of eliminating all the redundant code necessary for development in ionic or angular and with the purpose of inserting the most used libraries. Here are the features of the library: | ||
|
||
* state integration with ngxs and angular-ru/ngxs libraries | ||
* multilingual support integration via transloco library | ||
* plugin support for various types of backends (currently appwrite) | ||
* wrapping core Ionic components into new components with state and other functionality (such as dynamic forms and menus) | ||
|
||
The library is in a pre-alpha state. If you want to test to participate in the development, even if only as a tester or to send suggestions | ||
|
||
Installation | ||
to install the library add it to your project | ||
|
||
```bash | ||
$ npm install @sio/core | ||
``` | ||
start a new ionic project with | ||
|
||
```bash | ||
$ ionic start --type=angular sio-demo blank | ||
``` | ||
app.modules.ts | ||
|
||
open the app.module.ts file and add the library | ||
|
||
```ts | ||
... | ||
import { environment } from '../assets/environments/environment'; | ||
import {} from '@sio/core'; | ||
... | ||
@NgModule({ | ||
... | ||
imports: [ | ||
... | ||
SioCoreModule.forRoot(environment), | ||
SioCommonModule, | ||
... | ||
], | ||
... | ||
}); | ||
... | ||
``` | ||
|
||
the SioCoreModule module must be imported only in the main module of your application, while SioCommonModule must be imported in each LazyModule (typically the app pages) in which you want to have access to the library components. | ||
|
||
app.component.html | ||
|
||
Once this is done, it is necessary to modify the app.component.html file by inserting the main component of SIO or the sio-app component | ||
|
||
<sio-app></sio-app> |