---
type: podcast
authors:
  - alex-patterson
  - brittney-postma
episode: 32
guests:
  - mike-hartington
recording_date: June 16, 2022 2:15 PM
season: 2
published: published
podcast: CodingCat.dev
chapters_done: true
cloudinary_convert: false
cover: https://media.codingcat.dev/image/upload/v1655831789/main-codingcatdev-photo/Ionic_6.jpg
devto: https://dev.to/codingcatdev/232-ionic-6-2pe9
excerpt: Mike tells us all about himself and starting at Ionic. Mike gives us a full demo of Ionic 6 and the new components.
hashnode: https://hashnode.codingcat.dev/podcast-2-32-ionic-6
picks:
  [
    {
      author: 'alex-patterson',
      name: 'Angular v14',
      site: 'https://blog.angular.io/angular-v14-is-now-available-391a6db736af'
    },
    {
      author: 'alex-patterson',
      name: 'Operator Lookup Search Operators by Josh Comeau',
      site: 'https://www.joshwcomeau.com/operator-lookup/'
    },
    { author: 'brittney-postma', name: 'Synergy', site: 'https://symless.com/synergy' },
    { author: 'brittney-postma', name: 'React Summit', site: 'https://reactsummit.com/' },
    { author: 'mike-hartington', name: 'Shorsey', site: 'https://www.imdb.com/title/tt18249282/' }
  ]
slug: 2-32-ionic-6
sponsors:
  - storyblok
spotify: https://open.spotify.com/episode/7yFp386XGq03g3lbFFXq89?si=9Ag6cwkfRx233N_tG8d80A
start: July 20, 2022
title: Ionic 6
youtube: https://www.youtube.com/watch?v=z21vYzGCN_g
---

## 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

- [Capacitor.js](https://capacitorjs.com/)
- [Stencil.js](https://stenciljs.com/)

## Setting up an Ionic Project

Installing the CLI

```bash
npm i -g @ionic/cli
```

To crate your application you can run the below command.

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

```bash
ionic start
```

![Untitled](https://media.codingcat.dev/image/upload/v1655748588/main-codingcatdev-photo/e7c4975e-446b-464b-a0fe-a0897ba4a2c2.png)

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.

![Untitled](https://media.codingcat.dev/image/upload/v1655748589/main-codingcatdev-photo/334927b9-135e-440d-a950-69a9bc3aaab1.png)

> Warning this will run a long time when installing dependencies

![Screen Shot 2022-06-16 at 3.24.28 PM.png](https://media.codingcat.dev/image/upload/v1655748589/main-codingcatdev-photo/11b5c565-76ba-42b7-a10d-2e3712a355ed.png)

![Untitled](https://media.codingcat.dev/image/upload/v1655748590/main-codingcatdev-photo/6e6b333f-797a-4b16-ba70-9373cee92183.png)

At the very end you should see this message

![Untitled](https://media.codingcat.dev/image/upload/v1655748588/main-codingcatdev-photo/b0ac2af6-4467-4475-8fa9-f6ea66a1ade7.png)
