# Announcing Ionic 4 beta! **URL:** \ **Category:** announcement\ **Created:** [July 25, 2018, 7:12pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262 "2018-07-25T19:12:15Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\ **Post date:** [July 25, 2018, 7:12pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/1 "2018-07-25T19:12:15Z")
Hey everyone! I’m thrilled to announce the **Ionic `4.0.0-beta.0`** release. 🎉 ## What’s New ❓ Ionic 4 brings significant performance and build time improvements, powerful theming capabilities, multi-framework compatibility, brand new documentation, and so much more to the Framework you know and love. A quick **overview** of what Ionic 4 has to offer: - Stabilization Through Web Standards 💪 - Framework Integration & Compatibility 🔥 - Support for the Angular CLI & Router 🅰 - New Documentation 🗒 - Theming with CSS Variables 💟 - Encapsulation via Shadow DOM 👻 ## Getting Started 🚀 The upgrade from Ionic 3 to 4 is our easiest upgrade yet, because, if you’re using Angular, the developer experience hasn’t changed at all! Our [Migration Guide](https://beta.ionicframework.com/docs/building/migration) helps to transition your Ionic apps to take advantage of Angular’s tooling. Most of the changes in our [Breaking Changes](https://github.com/ionic-team/ionic/blob/master/angular/BREAKING.md) can also be detected by our [Migration Tool](https://github.com/ionic-team/v4-migration-tslint). It can even fix some issues automatically! If you’d like to learn more, the community has already published some [great](https://www.joshmorony.com/the-ionic-4-migration-survival-guide/) migration [guides](https://javebratt.com/migrate-ionic-4/) that share some experiences of the migration process. As with any beta software, we know there will be some rough edges. Please let us know how migration and testing goes, and please report issues to our [GitHub](https://github.com/ionic-team/ionic/issues). In order to better manage and resolve these issues, we’ve embraced using the new [GitHub Project Board](https://github.com/ionic-team/ionic/projects/3) to make what we’re actively working on more transparent. ## Thank You ❣ Thank you to everyone for using Ionic and being patient with us while we worked through organizing issues and went heads down on this new version. We think you’re really going to love it! We’d also like to extend a huge THANK YOU to everyone that helped test the previous v4 alpha releases. Your input and feedback was instrumental in getting to this point. 💙 [Ionic 4 beta docs ⟶](https://beta.ionicframework.com/docs) [Introduction to v4 ⟶](https://beta.ionicframework.com/docs/intro) [Installing v4 Beta ⟶](https://beta.ionicframework.com/docs/installation/cli) [Migration Guide ⟶](https://beta.ionicframework.com/docs/building/migration) [https://blog.ionicframework.com/announcing-ionic-4-beta/](https://blog.ionicframework.com/announcing-ionic-4-beta/) ---
**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\ **Post date:** [July 25, 2018, 7:12pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/2 "2018-07-25T19:12:36Z")
---
**Author:** ![MichaelMalony](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/michaelmalony/32/120623_2.png) [@MichaelMalony](https://forum.ionicframework.com/u/MichaelMalony)\ **Post date:** [July 25, 2018, 10:08pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/3 "2018-07-25T22:08:34Z")
Can we get an Ionic-4 category in the forums so it’s easier to find/discuss questions and issues related to the 4.0 release? ---
**Author:** ![champion007](https://avatars.discourse-cdn.com/v4/letter/c/82dd89/32.png) [@champion007](https://forum.ionicframework.com/u/champion007)\ **Post date:** [July 26, 2018, 7:30am UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/5 "2018-07-26T07:30:20Z")
Not able to create a ionic 4 beta apps to test - Using below commands ionic start myApp tabs --type=angular getting below error - ```auto npm ERR! Unexpected end of JSON input while parsing near '...s.org/@ngtools/webpac' npm ERR! A complete log of this run can be found in: npm ERR! /Users/Satish/.npm/_logs/2018-07-26T07_27_32_538Z-debug.log [ERROR] An error occurred while running subprocess npm. ``` ---
**Author:** ![Clenton](https://avatars.discourse-cdn.com/v4/letter/c/ea666f/32.png) [@Clenton](https://forum.ionicframework.com/u/Clenton)\ **Post date:** [July 26, 2018, 9:23am UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/6 "2018-07-26T09:23:36Z")
Is this production ready. Am creating a new project today. So i used ionic start it asks me to update so i updated to ionic4. I want to know that its production ready or in testing phase. ---
**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\ **Post date:** [July 26, 2018, 9:39am UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/7 "2018-07-26T09:39:52Z")
> [@Clenton](#): > > Is this production ready. It’s a beta. Obviously it is not production ready. > [@Clenton](#): > > So i used ionic start it asks me to update so i updated to ionic4. It asked you to update Ionic CLI to 4.x - which is stable and good to use. Ionic Framework is something different. ---
**Author:** ![Clenton](https://avatars.discourse-cdn.com/v4/letter/c/ea666f/32.png) [@Clenton](https://forum.ionicframework.com/u/Clenton)\ **Post date:** [July 26, 2018, 9:47am UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/8 "2018-07-26T09:47:19Z")
Thank you 🙂 ---
**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\ **Post date:** [July 26, 2018, 5:18pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/9 "2018-07-26T17:18:57Z")
Could you run `ionic info` please and paste the output? Thanks! ---
**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\ **Post date:** [July 26, 2018, 5:28pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/10 "2018-07-26T17:28:10Z")
I wouldn’t recommend using it in a production application just yet as there will likely be some issues. The framework has gone through extensive testing internally (`alpha` versions) and is close to what the final product will be, but there may be some design/API changes as a result of the external testing (`beta` versions). Version `4.0.0` of the Ionic CLI was released at the same time as our beta release of the framework, and it is stable to use. ---
**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\ **Post date:** [July 26, 2018, 5:30pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/11 "2018-07-26T17:30:55Z")
@mhartington is currently shuffling the categories around! I’ll let him update here once he is finished. 🙂 ---
**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\ **Post date:** [July 26, 2018, 5:37pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/12 "2018-07-26T17:37:36Z")
oh hai 👋 So here’s what we got now: `ionic` category is for V4 and up! Since the frameworks has been restructured to framework agnostic components, we shouldn’t need a new category anymore 🎉 Plus this will include the core components as well as any framework specific bindings (angular, vue, etc) `ionic-v3` is for anything related to v2 and v3. Since this was a massive change compared to v1, it’s much easier to just keep it it’s own category `ionic-v1` is for V1 projects, pretty self explanatory. Please let me know if this make sense, I think this will be the easiest way to separate things out ---
**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\ **Post date:** [July 26, 2018, 6:40pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/13 "2018-07-26T18:40:34Z")
and most important, if I’m not mistaken, you updated your profile picture 😉 such a big step as v4 deserved it ---
**Author:** ![Clenton](https://avatars.discourse-cdn.com/v4/letter/c/ea666f/32.png) [@Clenton](https://forum.ionicframework.com/u/Clenton)\ **Post date:** [July 27, 2018, 4:03am UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/14 "2018-07-27T04:03:12Z")
Thank you very much… ---
**Author:** ![champion007](https://avatars.discourse-cdn.com/v4/letter/c/82dd89/32.png) [@champion007](https://forum.ionicframework.com/u/champion007)\ **Post date:** [July 27, 2018, 5:41am UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/15 "2018-07-27T05:41:43Z")
Here is the details - Ionic: ionic (Ionic CLI) : 4.0.1 System: NodeJS : v8.11.3 npm : 5.6.0 OS : macOS High Sierra ---
**Author:** ![champion007](https://avatars.discourse-cdn.com/v4/letter/c/82dd89/32.png) [@champion007](https://forum.ionicframework.com/u/champion007)\ **Post date:** [July 27, 2018, 5:49am UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/16 "2018-07-27T05:49:44Z")
Re-installing ionic solved the problem . ✌ Great work you people have done, a Big thank you 🙂 ---
**Author:** ![rsa](https://avatars.discourse-cdn.com/v4/letter/r/839c29/32.png) [@rsa](https://forum.ionicframework.com/u/rsa)\ **Post date:** [July 28, 2018, 6:06pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/17 "2018-07-28T18:06:36Z")
Congratulation. had to start it soon. honestly, I was waiting for the ability to use animated SVG in splash screen but it seems still is not available. Animated SVG help to end user to tolerate loading time(lazy loading) I have not deployed the new version of the app to a real device to check that dose in old device shows the flowing error or not. I have a big problem with this issue since version 2 and its solution by using dealy. and forcing new versions of phones the same delay. [![](https://sea1.discourse-cdn.com/ionicframework/uploads/default/optimized/3X/2/4/2478f8535c3d8913e07411708597611fb67b047d_1_281x500.png) ](https://sea1.discourse-cdn.com/ionicframework/uploads/default/optimized/3X/2/4/2478f8535c3d8913e07411708597611fb67b047d_1_281x500.png) ---
**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\ **Post date:** [July 29, 2018, 12:10pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/18 "2018-07-29T12:10:46Z")
> [@rsa](#): > > honestly, I was waiting for the ability to use animated SVG in splash screen but it seems still is not available. Animated SVG help to end user to tolerate loading time(lazy loading) This is not something implemented by Ionic but by the native wrapper you are using, Cordova or Capacitor. I don’t know of any way to achieve this with both. For your other problem, please open a new topic instead of hijacking this one. Thanks. ---
**Author:** ![alimuhnad](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/alimuhnad/32/140579_2.png) [@alimuhnad](https://forum.ionicframework.com/u/alimuhnad)\ **Post date:** [July 30, 2018, 8:06am UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/19 "2018-07-30T08:06:54Z")
ok i ll try it now thanks ---
**Author:** ![theitteam](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/theitteam/32/114945_2.png) [@theitteam](https://forum.ionicframework.com/u/theitteam)\ **Post date:** [July 31, 2018, 4:25am UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/20 "2018-07-31T04:25:25Z")
Awesome great work team, I have a project that will take about 3 months to complete, do you think it will be out of beta by the end of that project? ---
**Author:** ![dayanajabif](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dayanajabif/32/126298_2.png) [@dayanajabif](https://forum.ionicframework.com/u/dayanajabif)\ **Post date:** [August 1, 2018, 12:09pm UTC](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262/21 "2018-08-01T12:09:45Z")
Amazing work by the Ionic Framework Team 💪 [I wrote a small article](https://ionicthemes.com/tutorials/about/ionic-4-vs-ionic-3) explaining the main differences between Ionic 4 and Ionic 3 as well as the new concepts of this new version. Also, I created a To Do List App in Ionic 4 that you can download for free so you can see how to start using Ionic 4 to create a simple app with lists, forms and navigation. You can download it from [https://ionicthemes.com/tutorials/about/ionic-4-vs-ionic-3](https://ionicthemes.com/tutorials/about/ionic-4-vs-ionic-3) [Next page](https://forum.ionicframework.com/t/announcing-ionic-4-beta/136262.md?page=2)