Learn about Angular Flex-Layout with Angular Material Lead Thomas Burleson

Опубликовано: 29 Сентябрь 2024
на канале: This Dot Media

11,194

Learn about Angular Flex-Layout with Angular Material Lead Thomas Burleson

Thomas Burleson is the team lead for angular material, an instructor for ThoughtRam, and the architect for Angular Flex Layout. He identifies layout as one of the challenges developers face when using Angular to build applications.

When an application's functional layout has been established, a UI experience must be created. This process is dependent on both animations and components. It is also important to consider how range and size are going to adjust based on the changes of the browser window.

Previously, Angular animations had been serving as the intuitive API for developers in animating their experiences. Angular Flex library came out afterwards as a library that would allow developers to layout apps across multiple devices.

Flex Layout was the second or third generation attempt to provide an alternative to CSS. Flexbox CSS ended up being the technology created which could identify how pages should flow on a page (horizontally vs. vertically) and how components should resize w/ respect to each other.

As helpful as this library is, it does have some intimidation factors. If an individual is uncomfortable using CSS, they must familiarize themselves with the style sheet language. Once they've accomplished this challenge, they are required to learn the specifics of Flexbox CSS.

Thomas elaborates on the objectives, the issues, and the features that came with developing Flex Layout. He describes the library's API and what directives to use, as well as responsive features included to make the library better. He also answers whether or not Angular Material 2 is supported and whether developers can start using Flex Layout right away. Although new features are being worked on for the library, and there are a number of issues still waiting to be resolved, Thomas urges individuals to use the library as it is easy to use and very helpful.

You can Find Thomas on Twitter : @ThomasBurleson

For more JavaScript focused news & events, visit http://thisdot.co.

Sponsored by This Dot Labs, a framework agnostic mentoring co built by core OSS contributors. http://thisdot.co/labs