Pusher
Back to all tutorials36 tutorials tagged with TypeScript

Lazy loading in Angular 7

This tutorial will explore how lazy loading is handled by Angular and the reasoning behind it with practical illustrations. Big projects with different nests of components will load faster and be more resource efficient with lazy loading, which this tutorial will demonstrate.

Angular
TypeScript
Node.js

6 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 4 - Rollbar

This tutorial series will introduce you to errors in Angular 7. In this final part, part four, learn about errors tracking in Angular 7 using the errorHandler class and Rollbar. Rollbar is one of the best error tracking services around for web applications.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

New features of Create-React-App version 3.0

Create React App just released its third version (3.0.0). A tool to help you build React applications, it saves you from time-consuming setup and configuration. This tutorial will explore all the new features of the React popular boilerplate, including the browserlist support.

React
JavaScript
TypeScript

4 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 3 - Sentry

This tutorial series will introduce you to errors in Angular 7. In part three, learn about errors tracking in Angular 7 using the errorHandler class and Sentry, and how to track these errors in a remote tracking environment.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 2 - HTTP error handling

This tutorial series will introduce you to errors in JavaScript. In part two, learn about HTTP errors, how to use the `HttpClient` with RxJS error handling operators, and how to use interceptors.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

A guide to lifecycle hooks in Angular

Angular is a TypeScript framework which empowers developers to build applications that live on the web, mobile, or the desktop. In this tutorial you will learn about all the hooks available for use in your Angular workflow for building awesome applications.

Angular
HTML
TypeScript
...

9 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 1 - Angular errorHandler

This tutorial series will introduce you to errors in JavaScript and the try-catch concept. In part one, learn how the concept is used, and how to handle internal errors in Angular with the Angular errorHandler, with a focus on client side JavaScript errors.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

Build an Instagram clone with Ionic: Part 4 - Testing your Ionic application on mobile devices

This four part series will walk you through building a simple Instagram clone with Ionic, and adding realtime functionalities. In this fourth and final part, make your servers publicly accessible so you could test the application on mobile devices.

Cordova
CSS
GraphQL
...

3 minute read

Follow tutorial

Build an Instagram clone with Ionic: Part 3 - Adding data dynamically and enabling realtime functionality

This four part series will walk you through building a simple Instagram clone with Ionic, and adding realtime functionalities. In part three, create functionality that enables you to feed data into the data store of the application using GraphQL mutations and allowing users to see posts and comments in realtime.

Cordova
CSS
GraphQL
...

15 minute read

Follow tutorial

Build an Instagram clone with Ionic: Part 2 - Connecting to GraphQL servers using Apollo client

This four part series will walk you through building a simple Instagram clone with Ionic, and adding realtime functionalities. In part two, create the backend server for the clone application that will serve data to the application.

CSS
Cordova
GraphQL
...

13 minute read

Follow tutorial

Build an Instagram clone with Ionic: Part 1 - Creating the interface

This four part series will walk you through building a simple Instagram clone with Ionic, and adding realtime functionalities. In part one, create a simple interface for your Instagram clone and a running demo with Ionic.

CSS
HTML
TypeScript
...

12 minute read

Follow tutorial

Build a live subscription count down with Angular

Use Angular 7, Node and Pusher Channels to build a live subscription countdown. The app features two interfaces: a signup dashboard, and a countdown view, showing how many places are left. The count decreases by one with every signup.

Angular
JavaScript
Node.js
...

14 minute read

Follow tutorial

Building infinite virtual scrolling lists with the new Angular 7 CDK

Build infinite virtual scrolling lists using the Angular 7 CDK. This tutorial will introduce you to the Angular Component Development Kit, some best practices for building using the CDK, and guide you through building a basic and a more advanced example.

Angular
TypeScript

8 minute read

Follow tutorial

Getting started with GraphQL and TypeScript

This tutorial provides an introduction to using TypeScript with GraphQL. You will build a simple GraphQL server in TypeScript for a task manager application.

GraphQL
JavaScript
TypeScript

7 minute read

Follow tutorial

Building a social app with online presence using Ionic

This tutorial will show you how to create a simple social feed for Android and iOS using Ionic. The app features a Node backend, and online presence indicators powered by Pusher.

Android
Angular
Cordova
...

10 minute read

Follow tutorial

Build a live voting app with Ionic

Build a live voting app using Ionic, with a Node backend. The app replicates the behaviour of a Twitter poll: users can vote for who they expect to win the World Cup.

Angular
Cordova
Data visualization
...

11 minute read

Follow tutorial

Create a live comments feature with Ionic

Build a mobile app feature with Ionic, allowing users to add comments to a post, and see updates in realtime. The app features sentiment analysis, adding upvotes (or downvotes) to the post, depending on the language of the comments.

Angular
Cordova
JavaScript
...

10 minute read

Follow tutorial

Implement geofencing in Ionic

Build a geofencing app for mobile using Ionic and Google Maps. Ionic is an open source SDK for developing native web apps. Admin users will be notified when a user exits a defined area.

Angular
Cordova
JavaScript
...

17 minute read

Follow tutorial

Build a live poll app with Ionic

Use Ionic to create a live poll application for mobile. The app features a Node.js backend. It allows users to vote on their favorite premier league player, and see other users' votes displayed in realtime.

Angular
JavaScript
Live polls
...

10 minute read

Follow tutorial

Build a chat app with Ionic featuring sentiment analysis

Build a chat app for mobile using Ionic and Cordova. Code with TypeScript, targeting mobile devices. Use Node for the backend. Implement sentiment analysis to provide emoji suggestions.

Angular
JavaScript
Social
...

16 minute read

Follow tutorial

Logo

Products

Developers

Company

Legal

  • Twitter
  • Youtube
  • LinkedIn
  • Github
  • Twitch
  • Discord

© 2024 Pusher Ltd. All rights reserved.
Pusher Limited is a company registered in England and Wales (No. 07489873) whose registered office is at MessageBird UK Limited, 3 More London Riverside, 4th Floor, London, United Kingdom, SE1 2AQ.