Chapter 7. Laying out pages with Flex Layout

This chapter covers

  • Implementing responsive web design using the Flex Layout library
  • Using the ObservableMedia service
  • Changing the layout based on the viewport size

When it comes to developing a web app, you need to decide whether you’ll have separate apps for desktop and mobile versions or reuse the same code on all devices. The former approach allows you to use the native controls on mobile devices so the UI looks more natural, but you need to maintain separate versions of the code for each app. The latter approach is to use a single code base and implement responsive web design (RWD) so the UI layout will adapt to the device screen size.

Note

The term RWD was coined by Ethan Marcotte ...

Get Angular Development with TypeScript, Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.