Awesome Ionic 4 — List of Ionic 4 resources

Published in

Web Native

2 min readApr 30, 2018

This is the list of resources for Ionic 4 Beta (4.0.2) released on 8 August 2018. There is no GA release yet, and some links are still not final.

We present here the most important Ionic 4 resources: technologies, articles, videos. This page is a work in progress, and new links will be added in time.

First a preview of the Ionic 4 stack:

Ionic 4 stack

Here is a list of Ionic 4 resources:

Technologies

Ionic 4

The blog post announcing Ionic 4 Beta: https://blog.ionicframework.com/announcing-ionic-4-beta/
Ionic 4 Beta docs: https://beta.ionicframework.com/docs/
Ionic 4 Beta Web Components — https://beta.ionicframework.com/docs/components\
Ionic Native 5.0 — https://beta.ionicframework.com/docs/native
Ionic 4 Beta CLI — https://beta.ionicframework.com/docs/cli/overview
IonIcons 4.0 — https://ionicons.com/

Awesome resources related to Ionic 4

Awesome Angular: https://github.com/gdi2290/awesome-angular
Awesome iOs: https://github.com/vsouza/awesome-ios
Awesome Android: https://github.com/JStumpp/awesome-android
Awesome Stencil: https://github.com/mappmechanic/awesome-stenciljs
Awesome Firebase: https://github.com/afonsopacifer/awesome-firebase
Awesome TypeScript: https://github.com/dzharii/awesome-typescript

Awesome React Native (see the enemy): https://github.com/jondot/awesome-react-native
Awesome Native Script (see the enemy): https://github.com/DeviantJS/awesome-nativescript

Capacitator & Cordova

Capacitator Site — https://capacitor.ionicframework.com/
Cordova — https://cordova.apache.org/
Cordova plugins — https://cordova.apache.org/plugins/
Ionic Native — https://beta.ionicframework.com/docs/native

Stencil & Web Components

Stencil Site— https://stenciljs.com/
Awesome Stencil — https://github.com/mappmechanic/awesome-stenciljs

Web components — https://www.webcomponents.org/
Polymer — https://www.polymer-project.org/
Angular Elements — https://angular.io/guide/elements

Others Ionic 4 resources

Ionic PWA toolkit — https://github.com/ionic-team/ionic-pwa-toolkit
Electron — https://electronjs.org/
Angular — https://angular.io/ (google)
TypeScript — https://www.typescriptlang.org/
Ionic Themer — https://ionthemer.com/
Ionic Marketplace — https://market.ionicframework.com/

PWA & Related technologies

Web PWA — https://developers.google.com/web/progressive-web-apps/
Desktop PWA — https://developers.google.com/web/updates/2018/05/nic67#desktop-pwas
WorkBox — https://developers.google.com/web/tools/workbox/
LightHouse — https://developers.google.com/web/tools/lighthouse/
Google AMP — https://www.ampproject.org/

Serverless backends

Amazon AWS — https://aws.amazon.com/
One Signal — https://onesignal.com/
Google Firebase — https://firebase.google.com/

LAF

Twitter Bootstrap — https://getbootstrap.com/
Material Design — https://material.io/
iOs Human Interface— https://developer.apple.com/design/human-interface-guidelines/

Articles

Ionic: 2017-18 Roadmap

The Ionic team had an incredibly busy and productive summer and rolled into a very productive fall. We released some…

blog.ionicframework.com

Announcing Capacitor 1.0.0 Alpha

Today we are incredibly excited to announce the alpha release of a major new open source project: Capacitor. Capacitor…

blog.ionicframework.com

What to Expect When Ionic 4 Is Released

Follow @joshuamorony ·The Ionic team has been busy working behind the scenes to finish the release of Ionic 4.x, which…

www.joshmorony.com

Upgrading to Ionic 4

When StencilJS was announced, I was super excited that it was going to be at the core of the next version of Ionic. I…

medium.com

Using Ionic with Any Framework (or None at All)

Follow @joshuamorony ·Last week, I released an article that discussed Stencil and the impact that it will have on the…