Taking A Mixed Approach To Single-Page Applications

Chris Berry Angular, Articles, Development Technologies & Tools, JavaScript, Single-Page Application Leave a Comment

A coworker came to me with a problem. The client he was working with would be building hundreds of single-page applications and all would need to be tied into a single shell application. He had first attempted to use an iFrame contained within another single-page application to display the child applications.

While this worked, he came up against another requirement: the child applications may or may not need access to data from the parent shell application.

It was at this point he came to me for suggestions. I had been playing with this exact idea for sometime; how can you manage a collection of Single-Page Applications and still share data between them?

At this point, I decided to create a hybrid solution of mixing Single-Page Applications with a server-rendered shell application. The following is the process I took for creating this solution, highlighting some of the pain points with some suggestions for further enhancements.

A Test-Driven Development Introduction to Angular 2 – Part 2

Matthew Brown Angular, Articles, Development Technologies & Tools, JavaScript, Single-Page Application, Testing 7 Comments

In this updated blog post, we’ve built an employee directory using Angular 2 with unit tests, gone over some differences between Angular 2 and version 1, and introduced some of the features of TypeScript.

I originally wrote this article/application when Angular 2 was still in beta. Now that it has released officially, I have updated the source code to reflect updates made to the Angular 2 framework for release. My approach to get this working was to start from the new Angular 2 quick-start project, port in the original application source code, and refactor as needed to make things work. Let’s get started…

Setting Up Angular 2 MockBackend

Todd Leininger Angular, Articles, Development Technologies & Tools, JavaScript, Tutorial 10 Comments

Todd was working on a client project developing one of the company’s first Angular 2 applications when he found that he needed access to the REST services before they were ready. He needed a good way to mock them up, so he set up a mock service for an Angular 2 application using MockBackend.

In this article Todd shows a step-by-step example of setting up a mock of RESTful web service APIs for an Angular 2 application using Angular’s MockBackend. With this method, he could then use that mock to work on the application before the real APIs were ready.

Getting Started With JHipster, Part 1

Matt McCandless Angular, Articles, Development Technologies & Tools, Java, JavaScript, JHipster Series, Spring, Spring Boot Leave a Comment

So, you want to stay on the leading edge of technology, but feel overwhelmed by all the moving parts. You’re in luck! jHipster aims to make setting-up an app fairly painless.

In this jHipster series we are going to take you through, first, creating a monolithic application. Secondly, we will make an app in the microservices style. Last, we’ll give you some tips and tricks for jHipster best practices. Let’s first begin with Part One…

A Test-Driven Development Introduction to Angular 2

Matthew Brown Angular, Articles, JavaScript, Testing, Tutorial 5 Comments

Attention: This article was published over 10 years ago, and the information provided may be aged or outdated. While some topics are evergreen, technology moves fast, so please keep that in mind as you read the post.Note This blog post and application were created when Angular 2 was in Beta. Since, I have updated the application to the Angular 2 …