docs(guide): add javascript section with overview and quickstart pages by joesphchang · Pull Request #4226 · ionic-team/ionic-docs

joesphchang · 2025-07-31T18:36:07Z

Resolves #2105 Resolves #2109

What I did:

Created a JavaScript menu section
Created an Overview guide for JavaScript
Created a Quickstart guide for JavaScript

Overview Preview
Quickstart Preview

vercel · 2025-07-31T18:36:10Z

@joesphchang is attempting to deploy a commit to the Ionic Team on Vercel.

A member of the Team first needs to authorize it.

vercel · 2025-08-01T16:59:25Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
ionic-docs	Ready	Preview	Comment	Oct 10, 2025 7:46pm

docs/javascript/ionic-core.md

docs/javascript/quickstart.md

brandyscarney · 2025-09-30T20:06:26Z

docs/javascript/quickstart.md

+First, create a new Vite project with vanilla JavaScript:
+
+```shell
+npm create vite@latest my-app -- --template vanilla


The app is named my-app here instead of myApp like the other frameworks because it will prompt for the name again if you don't use kebab case.

brandyscarney · 2025-09-30T20:06:36Z

docs/javascript/overview.md

+Before you begin, make sure you have [Node.js](https://nodejs.org/) (which includes npm) installed on your machine.
+
+```shell-session
+$ npm create vite@latest my-app -- --template vanilla


The app is named my-app here instead of myApp like the other frameworks because it will prompt for the name again if you don't use kebab case.

ShaneK

Approved with a very small non-blocking comment. Feel free to ignore. Good work!

docs/javascript/overview.md

thetaPC

LGTM, with a minor request

thetaPC · 2025-10-03T23:36:46Z

docs/javascript/quickstart.md

+
+Welcome! This guide will walk you through the basics of Ionic JavaScript development using Vite. You'll learn how to set up your development environment, create a simple project, explore the project structure, and understand how Ionic components work. This is perfect for getting familiar with Ionic JavaScript before building your first real app.
+
+If you're looking for a high-level overview of what Ionic JavaScript is and how it fits into the web development ecosystem, see the [Ionic JavaScript Overview](overview).


Nitpick, some people may use a screen reader or other ways to access content. It would be great to use neutral words.

Suggested change

If you're looking for a high-level overview of what Ionic JavaScript is and how it fits into the web development ecosystem, see the [Ionic JavaScript Overview](overview).

If you're looking for a high-level overview of what Ionic JavaScript is and how it fits into the web development ecosystem, review the [Ionic JavaScript Overview](overview).

I will need to update all of them to make this change:

https://ionicframework.com/docs/angular/quickstart

https://ionicframework.com/docs/react/quickstart

https://ionicframework.com/docs/vue/quickstart

We can make a separate PR then.

thetaPC

LGTM

brandyscarney · 2025-10-13T13:38:23Z

Thanks for your work on this @joesphchang!! 🙂

@Angular-devkit

* chore(script-native): convert JSDoc links to Markdown links (#4099) * chore(deps): update dependency @types/node to v22.15.3 (#4098) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.5.6 (#4097) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v6.3.4 [security] (#4096) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react-dom to v19.1.3 (#4100) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.5.7 (#4103) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v6.3.5 (#4107) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v6.3.5 (#4106) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.3 (#4105) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.11 (#4104) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(cli): clarify that the CLI and Framework versions are not the same (#4064) Co-authored-by: Shane <shane@shanessite.net> * chore(deps): update dependency ionicons to v8 (#4101) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.17 (#4109) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v5 (#4110) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v5.2.4 (#4111) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo to v19.1.4 (#4113) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.18 (#4114) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react-dom to v19.1.5 (#4115) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.14 (#4116) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v5.0.1 (#4117) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(playgrounds): fix cdn imports to target v8 (#4118) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.19 (#4119) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v4.5.0 (#4123) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.5 (#4122) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.21 (#4121) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.5.8 (#4124) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.15 (#4125) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.16 (#4130) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v5.0.2 (#4131) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.6 (#4129) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.26 (#4128) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.29 (#4133) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.6.0 (#4137) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(input-otp): add documentation for new input-otp component (#4112) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(datetime): add showAdjacentDays section (#4134) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * created renderParameters function in docusaurus script to include row for method parameters generated in renderMethods function (#4139) * translate(): ion-input-otp * fix(): fix lint and spellcheck * chore(): change package-lock.json from https://github.com/ionic-team/ionic-docs/blob/main/package-lock.json * chore(): update package-lock.json * feat: npm run translate:create * fix(): fix translate script of deepl * chore: temporary commit to fix build * chore(deps): update dependency ionicons to v8.0.9 (#4144) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v4.5.1 (#4143) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react-dom to v19.1.6 (#4142) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.30 (#4141) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(infinite-scroll): remove duplicate and unused imports (#4138) * chore(deps): update ionic to v8.6.1 (#4148) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(accordion): update demos to always set accordion to 300px wide (#4153) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v4.5.2 (#4152) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.31 (#4151) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.7 (#4150) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v5.0.3 (#4155) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.8 (#4154) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(reorder): add new ionReorderStart, ionReorderMove, ionReorderEnd event playgrounds (#4149) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.17 (#4161) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.32 (#4160) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.6.2 (#4159) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(support): add Angular 20 support (#4162) * chore(deps): update dependency @vitejs/plugin-react to v4.6.0 (#4163) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(renovate): bundle @Angular-devkit with @angular (#4166) * fix(docusaurus): support diff code blocks #4156 (#4158) Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com> * chore(deps): update angular to v20 (major) (#4127) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com> * chore(deps): update vite-vue (#4170) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7 (#4169) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.33 (#4168) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.6.3 (#4173) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.15.34 (#4171) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(theming): fix broken link in high contrast mode guide (#4174) * chore(deps): update dependency vite to v7.0.2 (#4177) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.16.0 (#4178) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency ionicons to v8.0.10 (#4175) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.2 (#4176) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(refresher): use `RefresherCustomEvent` type in playground examples (#4180) * refactor(stackblitz): move html playgrounds to node and vite (#4062) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(contributing): update toc (#4181) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update dependency vite to v7 (#4182) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(config): add playground examples of how to access the mode per framework (#4172) * chore(deps): update dependency typescript to v5 (#4184) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency ionicons to v8.0.13 (#4183) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3 (#4179) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.6.4 (#4185) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.3 (#4187) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.3 (#4188) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(inputs): replace property "name" with "icon" in React playgrounds (#4190) Closes #4135 * chore(deps): update dependency vite to v7.0.4 (#4194) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.4 (#4193) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.16.3 (#4192) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(components): add accordion, breadcrumbs, media, and otp input to components page (#4186) * docs(components): update main components page to match sidebar sections (#4195) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update ionic to v8.6.5 (#4200) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(components): include images in 3x size to improve clarity and update the v7 components page (#4198) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.5 (#4204) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.5 (#4205) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.16.4 (#4203) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.0.2 (#4206) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.16.5 (#4208) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.0.3 (#4209) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v4.7.0 (#4210) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(guide): update framework overview files for consistency * chore(vercel): add redirects for framework slugs to their overview * fix(icons): update components icon * docs(guide): update versioned overviews for angular and vue * docs(guide): update versioned overviews for react * docs(guide): update quickstart image with updated starters view * docs(vscode): update VS Code Extension page to reflect the deprecation of the previous version (#4207) * Fixed broken link to @awesome-cordova-plugins/ionic-webview * Added support to run release notes using Windows * Update cspell-wordlist.txt * Update vscode-extension.md * Fix buttons height * Update vscode-extension.md * Update docs/intro/vscode-extension.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Added custom styling * Update versioned_docs/version-v5/native/ionic-webview.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Update src/styles/custom.scss Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Update docs/intro/vscode-extension.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Update vscode-extension.md * Update custom.scss * Update vscode-extension.md * Fix styles broken and semantics * Update src/styles/custom.scss Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * fix(sidebar): scroll to the active item after navigating (#4211) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(guide): update overview to cd into app * chore(vercel): add redirects for overview for v6 and v7 * docs(components): remove legacy syntax sections from all form controls for v8 (#4202) * chore(deps): update dependency vite to v7.0.6 (#4216) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.0.6 (#4215) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.18 (#4217) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.0.4 (#4218) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(layout): update css utilities to include new classes and improved section headers (#4219) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(datetime): add border property to highlightedDates examples (#4220) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(angular): add injection token docs (#4221) * docs(playgrounds): add back migration examples for JP docs (#4225) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update ionic to v8.7.0 (#4223) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v6.0.1 (#4224) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.7.1 (#4227) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react to v19.1.1 (#4228) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fmt * fix(): remove google-tag-manager, should not track domains that are fundamentally different. note: This change only affects ionicframework.jp. ionicframework.com is not affected because it does not load this file. * chore(deps): update dependency @types/node to v22.17.0 (#4233) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo to v19.1.9 (#4232) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v5.1.0 (#4237) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.0.5 (#4235) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency typescript to v5.9.2 (#4236) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(migration): remove unused migration files (#4239) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(storage): replace outdated or sunset products with active projects (#4238) Co-authored-by: Ken Sodemann <kenneth.sodemann@outsystems.com> * docs(angular): add quickstart guide and update overview * docs(vue): update overview * docs(react): update overview * docs(angular): update quickstart * docs(react): update quickstart * docs(vue): update quickstart * docs(vue): quickstart updates * style: lint * chore(deps): update ionic to v8.7.2 (#4240) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(guide): syntax and title updates * docs(vue): add build options from quickstart * docs(quickstart): add Call Component Methods section and update paths * docs(radio): add example for wrapping label text (#4234) * chore(deps): update dependency vite to v7.1.1 (#4245) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.1 (#4246) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v5 (#4247) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(radio): point to correct v7 usage for comparewith (#4241) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.17.1 (#4248) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.2 (#4251) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.2 (#4250) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.10 (#4249) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.17.2 (#4253) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(first-app): fixing PuTTY links (#4254) * chore(deps): update ionic to v8.7.3 (#4255) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v5.0.1 (#4256) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.19 (#4259) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.0.6 (#4260) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.3 (#4257) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.3 (#4258) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.1.11 (#4262) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(playgrounds): upgrade to typescript 5.9.0 (#4263) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update ionic to v8.7.4 (#4273) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(vue): update all script syntax to use setup (#4242) - Updates all v8 playgrounds to use script setup syntax - Updates all v7 playgrounds to use script setup syntax - Updates all references to Vue code in the guide & API docs to use script setup syntax --------- Co-authored-by: Roger! <icarus.gk@gmail.com> Co-authored-by: Shawn Taylor <shawn@mapsandapps.net> Co-authored-by: Treigh Mawaka <92684310+treighmawaka@users.noreply.github.com> Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(guide): add properties section to fundamentals and virtual property description to API (#4230) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update ionic to v8.7.5 (#4274) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(ci): netlify-cli version * docs(guide): update the framework overview & quickstart guides (#4212) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(jp): migrate script to mjs (#3481) * docs(guide): update framework logos (#4276) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore: create translated file * chore * feat(): update translate script * translate * chore * fmr * chore * chore(deps): update caniuselite browserslist (#4278) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update ionic to v8.7.6 (#4280) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(guide): add javascript section with overview and quickstart pages (#4226) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(playgrounds): update playgrounds to include default package-lock file (#4282) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(your-first-app): update instructions for photo deletion functionality (#4272) * chore(deps): update ionic to v8.7.7 (#4284) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update vite-html (#4290) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.10 (#4289) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.10 (#4288) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-router to v4.6.3 (#4291) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.18.11 (#4287) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.11 [security] (#4292) * docs(guide): update framework logos on progressive web app guide (#4293) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update dependency @types/node to v22.18.12 (#4294) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.1.2 (#4298) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v24 (#4299) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.12 (#4297) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.12 (#4296) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.1.12 (#4295) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v5.1.0 (#4300) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.7.8 (#4301) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v24.9.2 (#4305) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update angular to v20.3.7 (#4304) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v24.10.0 (#4308) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v3.1.3 (#4310) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v8.7.9 (#4307) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.1 (#4314) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.1 (#4315) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.1 (#4313) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.23 (#4312) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.5.24 (#4319) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.2 (#4318) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.2 (#4317) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v7.2.2 (#4316) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(v6): update StackBlitz set up and examples for JavaScript and Angular (#4213) resolves #4199 resolves #3728 * feat(styles): add admonition colors for important block (#4321) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * feat(vue): add code highlighting (#4311) * feat(styles): add background to code block title (#4323) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(quickstart): fix JavaScript initialization and update guides to include full file paths (#4322) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * docs(angular): show complete code context in the "Your First App" tutorial (#4157) Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com> Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com> * docs(react): show complete code context in the "Your First App" tutorial (#4201) Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com> Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Co-authored-by: Shane <561207+ShaneK@users.noreply.github.com> * chore(deps): update dependency @types/node to v24.10.1 (#4324) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v5.1.1 (#4325) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo to v19.2.4 (#4326) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(vue): show complete code context in the "Your First App" tutorial (#4197) Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com> Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com> * docs(tabs): add playground for programmatically selecting tabs (#4281) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update dependency @types/react to v19.2.5 (#4327) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(intro): update packages & CDN to redirect to other guides (#4286) Resolves #446 --------- Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Co-authored-by: feranmiodugbemi <87916077+feranmiodugbemi@users.noreply.github.com> * fix(styles): stretch single card to full width on smaller screens (#4330) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> * chore(deps): update ionic to v8.7.10 (#4332) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * translate(ja): translate about framework * translate(ja): translate about developing * translate(jp): translate about layout * translate(ja): translate about intro * translate(ja): translate about theming * translate(ja): translate about utilities * translate(ja): translate about deployment * translate(ja): translate about techniquies * translate(ja): translate about core-concepts * chore(ja): translate components * fmt --------- Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Artur Kyryliuk <mail@artur.work> Co-authored-by: Shane <shane@shanessite.net> Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com> Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Co-authored-by: Colin Bares <colinedwinbares@gmail.com> Co-authored-by: kendra.jade <kindrai.kendra@gmail.com> Co-authored-by: Minh <46137516+minhperry@users.noreply.github.com> Co-authored-by: Julian Schramm <schramm.julian@outlook.de> Co-authored-by: Joey Chang <93396238+joesphchang@users.noreply.github.com> Co-authored-by: Gonçalo M. <goncalo.martins.fct@gmail.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: Ken Sodemann <ken@ionic.io> Co-authored-by: Ken Sodemann <kenneth.sodemann@outsystems.com> Co-authored-by: Roger! <icarus.gk@gmail.com> Co-authored-by: Shawn Taylor <shawn@mapsandapps.net> Co-authored-by: Treigh Mawaka <92684310+treighmawaka@users.noreply.github.com> Co-authored-by: Sean Perkins <13732623+sean-perkins@users.noreply.github.com> Co-authored-by: Maxim Wilman <mwilman@brockhaus-ag.de> Co-authored-by: Shane <561207+ShaneK@users.noreply.github.com> Co-authored-by: feranmiodugbemi <87916077+feranmiodugbemi@users.noreply.github.com>

joesphchang added 2 commits July 31, 2025 12:49

docs(javascript): added overview and ionic-core page

747bdbe

docs(javascript): ran npm run lint

97cb601

joesphchang requested a review from a team as a code owner July 31, 2025 18:36

joesphchang requested a review from brandyscarney July 31, 2025 18:36

vercel bot deployed to Preview August 1, 2025 17:09 View deployment

thetaPC requested changes Sep 24, 2025

View reviewed changes

docs/javascript/ionic-core.md Outdated Show resolved Hide resolved

docs/javascript/quickstart.md Outdated Show resolved Hide resolved

docs/javascript/quickstart.md Show resolved Hide resolved

brandyscarney added 4 commits September 29, 2025 12:12

Merge branch 'main' into pr/4226

16342aa

feat(javascript): update overview to match others and add JS logo

0d0e2ee

refactor(javascript): move ionic-core to quickstart

2139b34

refactor(javascript): update quickstart to match other framework flows

3ed1139

brandyscarney changed the title ~~docs(javascript): added javascript side tab with ionic-core and overview page~~ docs(javascript): added javascript section with overview and quickstart pages Sep 30, 2025

brandyscarney changed the title ~~docs(javascript): added javascript section with overview and quickstart pages~~ docs(guide): add javascript section with overview and quickstart pages Sep 30, 2025

vercel bot deployed to Preview September 30, 2025 19:46 View deployment

brandyscarney requested a review from thetaPC September 30, 2025 20:04

brandyscarney reviewed Sep 30, 2025

View reviewed changes

docs(javascript): update quickstart links and logos

e5495eb

vercel bot deployed to Preview October 1, 2025 19:09 View deployment

ShaneK approved these changes Oct 1, 2025

View reviewed changes

docs/javascript/overview.md Show resolved Hide resolved

thetaPC approved these changes Oct 3, 2025

View reviewed changes

brandyscarney added 2 commits October 10, 2025 15:38

docs(javascript): update guide to work with lazy loaded components

d035d6b

style: lint

9cff186

vercel bot deployed to Preview October 10, 2025 19:46 View deployment

thetaPC approved these changes Oct 10, 2025

View reviewed changes

brandyscarney merged commit 9899fb6 into ionic-team:main Oct 13, 2025
4 checks passed


		Welcome! This guide will walk you through the basics of Ionic JavaScript development using Vite. You'll learn how to set up your development environment, create a simple project, explore the project structure, and understand how Ionic components work. This is perfect for getting familiar with Ionic JavaScript before building your first real app.

		If you're looking for a high-level overview of what Ionic JavaScript is and how it fits into the web development ecosystem, see the [Ionic JavaScript Overview](overview).

Conversation

joesphchang commented Jul 31, 2025 • edited by brandyscarney Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

vercel bot commented Jul 31, 2025

Uh oh!

vercel bot commented Aug 1, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

brandyscarney Sep 30, 2025

Choose a reason for hiding this comment

Uh oh!

brandyscarney Sep 30, 2025

Choose a reason for hiding this comment

Uh oh!

ShaneK left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

thetaPC left a comment

Choose a reason for hiding this comment

Uh oh!

thetaPC Oct 3, 2025

Choose a reason for hiding this comment

Uh oh!

brandyscarney Oct 10, 2025

Choose a reason for hiding this comment

Uh oh!

thetaPC Oct 10, 2025

Choose a reason for hiding this comment

Uh oh!

thetaPC left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

brandyscarney commented Oct 13, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

joesphchang commented Jul 31, 2025 •

edited by brandyscarney

Loading

vercel bot commented Aug 1, 2025 •

edited

Loading