A simpler and smaller Angular starter with ngLite

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • ng-lite-starter

    Minimal starter for Angular projects

    Note: In the following sections, we'll take some time to understand the base application template and how it can be slimmed down for simpler projects. If you want to skip directly to the end result, you can use the command npx degit sinedied/ng-lite-starter my-app that will use this pre-made github template, but you'll miss all the fun 😉.

  • ng-lite-todo

    Todo-list app built with (minimal) Angular

    In the meantime, you can have a look at this todo list app built from expanding on that idea.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    Next, we'll slim down a bit the number of files at the root of the project. You can see two tsconfig.json files there, used for TypeScript configuration. This separation may be useful when you want to use a different configuration for your tests, which is the case for the default setup created by ng new, but we don't need it here. Add these lines coming from tsconfig.app.json at the bottom of the tsconfig.json file:

  • node

    Node.js JavaScript runtime ✨🐢🚀✨

    Make sure you have a recent Node.js runtime installed (at least v14), and let's start by installing the Angular CLI.

  • karma

    Spectacular Test Runner for JavaScript

    While the default Angular starter includes unit tests, it makes use of the older and clunky Karma/Jasmine combo for unit testing.

  • jest

    Delightful JavaScript Testing.

    When you need unit testing for your project, you can use the much better and faster testing framework Jest with our ngLite template by adding a few extra steps:

  • jasmine

    Simple JavaScript testing framework for browsers and node.js

    While the default Angular starter includes unit tests, it makes use of the older and clunky Karma/Jasmine combo for unit testing.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • angular-cli

    CLI tool for Angular

    Make sure you have a recent Node.js runtime installed (at least v14), and let's start by installing the Angular CLI.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts