DEV Community

Cover image for Ionic 6
Alex Patterson for CodingCatDev

Posted on • Edited on • Originally published at codingcat.dev

Ionic 6

Original: https://codingcat.dev/podcast/2-32-ionic-6

Questions

  1. Can you tell us more about yourself?
  2. How did you get involved with Ionic?
  3. What is the difference between Ionic now and before?
  4. How did you use Stencil to build out some of the components?
  5. Is there an advantage to using web components over framework components?
  6. Is this considered a design system?
  7. Web vs Mobile - Capacitorjs.com
  8. What is new in Ionic 6?
  9. Demo

Additional Links

Setting up an Ionic Project

Installing the CLI

npm i -g @ionic/cli

Enter fullscreen mode Exit fullscreen mode

To crate your application you can run the below command.

Choose option no if you would like to remain in the console.

ionic start

Enter fullscreen mode Exit fullscreen mode

You can choose any project type but Mike covered how to start with a blank project. This will automatically enable capacitor and install all of the correct packages.

Warning this will run a long time when installing dependencies

At the very end you should see this message

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay