Location tracking demo

Content

A simple socket.io and rxjs express server for real-time location tracking

This app uses socket.io and an express server with Hot Module reload middleware to track multiple locations in realtime. Its using rxjs on the client and server to control the data streams

Vue and Nuxt

Content

Vue and Nuxt JS

Vue JS provides a complete modern Javascript framework with growing community support. Vue enables progressive adoption into existing codebases. It is simpler and cleaner than Angular and removes a lot of pain from selecting the right components from the vast React ecosystem, and as a result it's popularity is growing all the time. Nuxt JS provides a complete server side rendering solution comparable to Universal (angular) and Next.js (react) which both server side renders React applications for fast renders on slower devices and great SEO by default. 

The tabs below contain live running apps ready for populating with functionality from a small but growing eco-system of Vue components and resources. All content is secured using TLS/SSL by default. All are configured with live reload to enable hot code changes.

The first app was created using the Vue CLI. The second is a Nuxt app providing a very comprehensive framework for server side rendering. The third app is a standard vue rendered by Razzle.js using a vue-plugin. Please contact Syntapse to discuss the merits of each approach or for more information.

Angular

Content

Angular is a complete client and server-side Javascript framework to build more interactive web apps with first class developer support.

It is designed for both Web, Desktop and Mobile platforms. While, we create apps using HTML, CSS and Javascript, Angular requires us to know Typescript (a typed superset of Javascript that scales), kind of stricter version of Javascript provided with OOPS features. Although, other alternative could be Dart, typescript is the most widely used language for Angular apps.

The following examples provide a range of Angular 8 and 9 examples demonstration dynamic module loading and Universal SSR.

The tabs below contain live running apps ready for populating with functionality from a mature ecosystem of high quality components, services and directives. All content is secured using TLS/SSL by default. All are configured with live reload to enable hot code changes.

The first app is client side rendered SPA in Angular 8. The second app is rendered on the server with Angular 9 Universal and is SEO ready. The third app is a basic "Heroes" app demonstrated nested routing and animations. The final app demonstrates dynamic modular loading of components in Angular 8+

Razzle JS (SSR micro-framework)

Content

Razzle

Framework agnostic server side rendering

Universal JavaScript applications are tough to setup. Either you buy into a framework like Next, Nuxt, Angular Universal, fork a boilerplate, or set things up yourself. Razzle is a tool that abstracts all complex configuration needed for SSR into a single dependency leaving the rest of your app's architectural decisions about frameworks, routing, and data fetching up to you. With this approach, Razzle not only works with React, but also Reason, Elm, Vue, Angular, and most importantly......whatever comes next.

The following examples give a small sample Razzle's impressive potential: load React, Angular and Vue apps with a single highly configurable, extensible framework.

Razzle comes with the "battery-pack included":

  • Universal Hot Module Replacement, so both the client and server update whenever you make edits. No annoying restarts necessary
  • Comes with your favorite ES6 JavaScript goodies (through babel-preset-razzle)
  • Comes with the same CSS setup as create-react-app
  • Works with ReactPreactElmReason-ReactInferno, and Rax as well as Angular and Vue if that's your thing
  • Escape hatches for customization via .babelrc and razzle.config.js
  • Jest test runner setup with sensible defaults via razzle test

Explore how Syntapse can assist your business and software development. Contact us for further assistance or general enquiries.

We can offer a range of services from half day consultancy, assessment reports, and troubleshooting to long term greenfield project involvement

As your technology partners we are happy to hear from schools and local authorities, communities and charities, engineers and scientists, startups and institutions