NG-BE Live Episode 5 - Token Security & ESLint
Welcome to NG-BE Live Episode 5 with:
PANELISTS:
Yannick Houbrix
Maarten Tibau
Matt Carniatto
HOST:
Sam Vloeberghs
Jurgen Van de Moere
TOKEN SECURITY IN ANGULAR APPLICATIONS
- Philippe De Ryck
Can an Angular application store tokens in localStorage?
- Yes, of course! LocalStorage is persistent storage, so the token is available to all tabs and windows. It even survives a browser restart.
- No, absolutely not! LocalStorage is insecure, and an attacker will be able to steal the token.
Believe it or not, but both answers are correct. As simple as this question is, the answer is far from straightforward.
In this session, Philippe dives into the security properties of Angular applications. He uncovers why localStorage is insecure and discuss potential alternatives.
By the end of this session, you will be able to decide where to store tokens in your applications.
Even better, you’ll be able to argue why your decision is the right one.
ANGULAR AND ESLINT, TOGETHER AT LAST
- JAMES HENRY
James Henry is a Microsoft MVP for TypeScript, Consultant Architect for Nrwl, and the creator of typescript-eslint and angular-eslint.
In this session, James teaches us about the evolution of linting in Angular projects and how we can use Angular and ESLint together today.
James covers starting a brand new project from scratch, as well as migrating existing projects from TSLint to ESLint and what the future of the Angular CLI's linting support looks like.
LINKS
James Henry: https://twitter.com/MrJamesHenry
Philippe De Ryck: https://twitter.com/PhilippeDeRyck
Angular: https://angular.io
NG-BE Website: https://ng-be.org
NG-BE Twitter: https://twitter.com/ngbeconf
YouTube live - https://www.youtube.com/watch?v=RxssCrRgPHI
NG-BE Live Episode 4 - Intro Scully & 3 Things You Didn't Know
Welcome to NG-BE Live Episode 4 with:
PANELISTS:
Yannick Houbrix
Maarten Tibau
Matt Carniatto
HOST:
Jurgen Van de Moere
MAKING ANGULAR APPS MORE PERFORMANT WITH SCULLY
- JENNIFER WADELLA
If you’re looking for ways to improve performance of your Angular applications, look no further than Scully. Scully is the JAMstack tool the Angular community has been craving to make pre-rendering and serving static pages a breeze, with a great supporting community and a variety of plugins to meet any application setups needs. This talk will teach you about JAMstack concepts and how to get started with Scully to make your Angular applications more performant today.
3 THINGS YOU DIDN’T KNOW ABOUT SCULLY
- SAM VLOEBERGHS
Scully is still a new kid on the block! In this talk, Sam highlights 3 things you might not know yet about Scully!
LINKS
Jennifer Wadella: https://twitter.com/likeOMGitsFEDAY
Sam Vloeberghs: https://twitter.com/samvloeberghs
Angular: https://angular.io
NG-BE Website: https://ng-be.org
NG-BE Twitter: https://twitter.com/ngbeconf
YouTube live - https://www.youtube.com/watch?v=jJ8lo1mJwjQ
NG-BE Live Episode 3 - with Manfred Steyer
Welcome to NG-BE Live Episode 3 with:
PANELISTS:
Yannick Houbrix
Maarten Tibau
Matt Carniatto
HOSTS:
Sam Vloeberghs
Jurgen Van de Moere
ANGULAR AND MODULE FEDERATION IN-DEPTH
- MANFRED STEYER
The implementation of micro frontends has not been easy so far.
Module Federation, offered by Webpack 5, changes all this. It allows you to load separately compiled applications at runtime and share libraries between them.
In the first half of this session, Manfred teaches us how to use this module federation to create micro frontends with Angular. You will learn about the default scenarios, dynamic Module Federation, sharing libraries, and dealing with version mismatches.
In the second half, Manfred teaches us about Plugin-based architectures. By developing a workflow designer, individual workflow tasks can be exposed via separate applications hosted on different origins and loaded into the workflow designer. This allows one to easily extend the designer without the need to recompile it.
By the end of this episode, you will know what module federation is and how to use it in your projects together with the Angular CLI.
LINKS
Manfred Steyer: https://twitter.com/ManfredSteyer
Angular: https://angular.io
NG-BE Website: https://ng-be.org
NG-BE Twitter: https://twitter.com/ngbeconf
YouTube live https://www.youtube.com/watch?v=oXGeywCIQDU
NG-BE Live Episode 2 - RxJS Operators & Fully Zone-Less
Welcome to NG-BE Live Episode 2 with:
PANELISTS:
Yannick Houbrix
Mateus Carniatto
Maarten Tibau
HOSTS:
Sam Vloeberghs
Jurgen Van de Moere
Fully Zone-Less - High-Performance Angular applications in Post Ivy
- Michael Hladky
Michael Hladky is a Google Developer Expert (GDE), Microsoft MVP, trainer, and consultant with a focus on Angular and RxJS. For years he has helped companies and developers to set up scalable architectures and performant processes enabling teams to keep up with state of the art development. A vibrant member of the tech community, he organizes multiple community events and workshops each year to give back.
If you find the async pipe boring, then you will love this talk.
Michael teaches us the guts of Angulars change detection and why zone.js can be your biggest enemy. He talks about a trick on template bindings, component rendering, and where you pay the biggest price.
As the tip of the iceberg, you learn how to identify and avoid blocking UIs by analyzing flame charts and leverage task scheduling.
In the end, you will be able to build applications with zone-less performance even in a zone-full environment.
Demystifying RxJS Operators
- Jan-Niklas Wortmann
RxJS is getting more popular every day. The amount of downloads from the public registry is insane, with around 50 million downloads per month. Everyone that already uses RxJS knows that the added value of RxJS mostly comes from the provided operators. These operators enable us to develop complex scenarios in a fairly comprehensible manner.
Right now RxJS already provides over 100 different operators and it is also possible to extend this huge list by developing custom operators.
But wait, do you actually know how operators are internally structured? How is this magic piece of code developed that brings so much power? Everyone uses RxJS operators on a daily bases, but no one really knows about the internals of it!
In this talk, Jan-Niklas takes a deep dive into the internals of RxJS to understand how operators are developed. This makes us understand how these operators work and enables us to write our own operators to fully embrace the power of RxJS.
LINKS
Michael Hladky : https://twitter.com/Michael_Hladky
Jan-Niklas Wortmann: https://twitter.com/niklas_wortmann
Angular CLI: https://cli.angular.io/
Angular Schematics: https://angular.io/guide/schematics
NG-BE Website: https://ng-be.org
NG-BE Twitter: https://twitter.com/ngbeconf
NG-BE Live Episode 1 - Angular CLI & Schematics
Welcome to NG-BE Live Episode 1 with:
PANELISTS:
Yannick Houbrix
Mateus Carniatto
HOSTS:
Sam Vloeberghs
Jurgen Van de Moere
What’s New In Angular CLI V10?
- Doug Parker
Doug joined the Angular team last November as a software engineer on the tooling team. He is excited about anything related to TypeScript or Progressive Web Apps and is obsessed with making developer's lives easier and simpler in any way he can.
The Angular team just realized version 10 which includes some cool new changes to the CLI and tooling infrastructure.
In this talk, Doug covers the new changes, how they affect developers, the motivations behind them, and how to best take advantage of them.
Angular Schematics
- Natalia Venditto
Natalia is an Angular GDE and Principal Frontend Software Engineer. In this talk, Natalia teaches us what schematics are, how are they used and in which way they can help you solve problems, standardize patterns, and enforce best practices in your Angular projects.
LINKS
Doug Parker: https://twitter.com/develwoutacause
Natalia Venditto: https://twitter.com/AnfibiaCreativa
Angular CLI: https://cli.angular.io/
Angular Schematics: https://angular.io/guide/schematics
NG-BE Website: https://ng-be.org
NG-BE Twitter: https://twitter.com/ngbeconf