Ionic 4 + Capacitor tutorials list #1


#1

We know it’s a little early to talk about tutorials related to @ionicframework Ionic 4, but even in the alpha version there are already many publications and videos related.


#2

When can we get production-ready Capacitor, Stencil, Ionic 4? Maybe in the next two months?
I’m working on a project which I want to migrate to the new stack.
I’ll never be satisfied with cordova splash screen’s loading time, blank screen issues.


#3

Stencil looks pretty close. They’ve been putting a lot of work into it. Sometimes a new version per day. Capacitor seems much slower, and parts of Ionic 4 are already ready, depends what you want to do with that.


#4

I will check Stencil and see if I can start learn it. It looks like it has a lot of ideas taken from React (render, props, JSX). Its component lifecycle is in fact React lifecycle:

https://stenciljs.com/docs/component-lifecycle

The main issue is long loading time of cordova splash screen and its strange behavior like randomly throwing white blank screen on some old devices. Overall speed enhancement is very much needed to compete with other frameworks like React Native. I hope we can see that in two months. NativeScript is a good option but it’s still laggy and it ships with fewer plugins and styling options than Ionic, React Native. This pushed me to study React and React Native whenever possible.


#5

I wrote simple tutorial about Network Detection with Capacitor in Ionic project

Could you add it to the list, please?


#6

Sure, now is up to date with including your post :slightly_smiling_face:
https://ionictheme.com/ionic4-capacitor-tutorials-list-1 heading: Ionic 4 + Capacitor Posts


#7

Hi! Could you add please my new tutorial to this list ?

Will be grateful. Thanks!


#8

Added with success!! :smiley:


#9

Angular and Capacitor works nicely too. Only need to copy dist/appname to www directory for the syncing to work

As to be expected I guess


#10

You can change the directory in the Capacitor config.
You can find example in this article https://www.thepolyglotdeveloper.com/2018/06/getting-started-capacitor-using-react/


#11

Hi! Could you add please these new tutorials to the list?



#12

Updated with success! many thanks for you collaboration :smiley:


#13

#14

Sample project that shows how to build a Movies Catalog APP with Angular, Ionic 4, Capacitor and NGXS (State Management) --> https://github.com/abritopach/angular-ionic-ngxs-movies

How to implement a Master Detail Pattern in Ionic 4 with Angular Routing --> https://github.com/abritopach/angular-ionic-master-detail


#15

Bonjour
J’AIMERAIS avoir un tutoriel pour installer ionique avec tous les éléments sur mon pc.


#16

Bonjour,
Les questions en anglais ont plus de chance d’obtenir une réponse.

Pour Ionic 3, voir https://ionicframework.com/docs/cli/

Pour ionique 4 avec angular voir https://medium.com/@romainbillot3009/how-to-install-ionic-4-with-angular-6-f8a1a830b46a

Salutations, anna-liebt.