Ionic Boilerplate
An Ionic Starter kit featuring Tests, E2E, Karma, Protractor, Jasmine, Istanbul, Gitlab CI, Automatic IPA and APK, TypeScript 2, TsLint, Codelyzer, Typedoc, Yarn, Rollup, and Webpack 2
Overview:
The Ionic Boilerplate is a project template and starter kit for Ionic development. It follows best practices for Angular and Ionic development and includes a number of features and tools to aid in the development process. The project is licensed under the MIT license and is continuously integrated with Gitlab CI.
Features:
- Ionic 3 framework
- Es-Lodash instead of Lodash to reduce bundle size
- NVM for managing multiple active node.js versions
- Yarn for dependency management
- BetterScripts for improved NPM script handling
- Automatic documentation generation with Typedoc
- Continuous Integration with Gitlab CI
- Automatic apk generation when pushing to release branch
- Automatic ipa generation through Ionic package when pushing to release branch
- Unit tests with Karma
- E2E tests with Protractor
- Screenshot reporter for Protractor
- Code coverage with Istanbul
- SCSS Lint following Sass Guidelines
- TSlint with Codelyzer
- Git workflow with Commitizen
- Automatic changelog generation
- Automatic alignment of app version in config.xml from package.json through Cordova hook
Summary:
The Ionic Boilerplate provides a comprehensive starting point for Ionic development, following best practices and providing useful features and tools. With automatic documentation generation, continuous integration, and various testing capabilities, the boilerplate aims to streamline the development process and improve productivity. By adhering to Angular and Ionic development best practices, developers can efficiently create and maintain high-quality Ionic applications.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- Docker
A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.