What’s new in Angular (Google I/O ’19)
Вставка
- Опубліковано 7 тра 2019
- Angular has evolved a lot in the last year. Hear about the changes that you can opt into to make your applications smaller, faster, and easier to use. Opt-in to new capabilities such as the new rendering engine from Project Ivy, scaled builds with Bazel. Hear about some new use cases the Angular team is taking on to deliver great performance for consumer facing applications and our ideas to implement best practices into your application by default.
Watch more #io19 here:
Web at Google I/O 2019 Playlist → goo.gle/io19web
Google I/O 2019 All Sessions Playlist → goo.gle/io19allsessions
Learn more on the I/O Website → google.com/io
Subscribe to the Chrome Developers Channel → goo.gle/ChromeDevs
Get started at → www.google.com/chrome/dev/
Speaker(s): Stephen Fluin, Vikram Subramanian
TABC74 event: Google I/O 2019; re_ty: Publish; fullname: Stephen Fluin, Vikram Subramanian; - Наука та технологія
Stephen Fluin is one of the coolest devs on the Angular team, for the last two years, Stephen is always well spoken, concise, and relatable speech makes him one of my favorite googlers
Guys, A small query while using ivy, is there any possibility of duplicate loading.
ng-first
:)
is there any way we can download the slides??
get we get demo project ?
Cool. Can you share the code bases of the demos?
Even after the React revolution, I still like Angular.
Yup, Angular still have much more benefits than React
@@alex_chugaev what are these benefits ?
@@alex_chugaev what is your favorite features on angular?
Try working with complex forms in Angular and React, you'll see why you love Angular
@@ibrahim.konsowa React is amazing when you don't have to work in a team, if you're making web sites and/or if you don't have to train junior developers. The thing with React is that if you do everything really well it's a joy to work in, but in general developers mess up here and there and the result is really messy projects. It's a lot more fun to start a project in React, but it's a lot less fun to maintain a 3 year old React project than a 3 year old Angular application.
I LOVE NG SO MUCH! GREAT WORK!
bundles without polyfills is great, I just want flex-layout worked when compiling to ES2015...
I have to recheck if I run the video at 1.5x speed.
How does this work when your child component depends on the parent component. like Input decorator
I think it should be able to use tree shaking to know that it's dependent on parent, and therefore load the parent component too
Just about to start a new side project. Angular + Firebase will be absolute 🔥 ❤️
Great talk !
Ivy has been in development for a long time yo, y’all showed that off last year and it still hasn’t come out. I’m in no rush, it just feels like a 🦄 though at this point.
It's a unicorn you can have right now though if you install Angular 8 RC4. Of course it's worth waiting for Angular 8 in case you have non-production critical projects and Angular 9 in case you have production critical projects, but still, hardly a unicorn. Though I agree it took a very very long time.
I've done some POCs with the preview version of Ivy and I am glad they take time to improve on it. I would rather have it well rounded than rushed.
cool ! can you share the code of demo ?
Please add carousel and graph on angular material ... Thank you.
I am almost sure no one in the comments is newer than me to angular, but all I can say is I love it.
ng-joy
Very Informative. thanks.
What im concerning more about is network connection establishment to load all these small chunks on click...... Wat ivy can do about this ???
In reality this should be used in conjunction with a preloading strategy that avoids roundtrip just when the user interacts. This shows the ability to use really small chunks which should make the amount of JS just to make that part of your application interactive much smaller and also not block the main thread too long when bootstrapping.
@@VS10249 glad to get a reply from you sir...😍😍
Vikram Subramanian could you share demo code on GitHub? I couldn’t find more information about component lazy loading and I’m really eager to test in in my app. Thanks in advance.
@@VS10249 how this will work where caching of application is important to run the application even in offline mode for certain scenario or say to get component which shows a message you are offline to user, when there is no connection to make request for that compoment to load? Or there would be plenty of chunks files would be locally saved in application folder of build wouldn't be same together creating lot of size together to deploy? What could real example to take look of this new IVY in run-time?
If every module is a chunk, is the App still SPA??
I was shocked to hear someone actually suggest "machine learning" for predictive routing/preloading
Keep running into open issues,baby steps before we run!!
Something I see everywhere is components in /app/components classes in /app/classes services in /app/services, you see where this is going..
would be nice to have that as the default since literally everyone I've ever seen does it that way.
Love the framework tho and good to see thing moving along!
the good thing about your idea is that you can create a schematic that can do it and other people will benefit from it
Why would you do it in that way? It doesn't convey meaning at all.
Logic demands that components/classes/services go in a directory that conveys the Intent, not the framework structure.
Say the comment section on youtube. You'd have /comment-section/comment.component, /comment-section/comment-list.component, /comment-section/comment.service, /comment-section/comment.model.
Now that is clear!
Very Great work on IVY :) (y)
Also include *ng-pak*.
Awesome
I want to ask you one question, why is Angular under Vue at this moment?!
@teachmehowtodoge Is not used because Angular is more natural to be used from people with Java and C# background. Bug is a frontend framework and must be arhitected from people wich love javascript, not copy java... Angular will be like Perl.
@teachmehowtodoge Yes, at IBM we also use Angular for enterprise projects, but the fact is is not exists Angular developers on the market and they make push for Java guys to learn Angular... and fullstack is again a trend. This is not good because we are again in the edge "it works", the quality is on the second place.
Did they figure out how to leak subscriptions?
In the ng-conf yt channel
Also MDc is cool and all, but cmon Dens inputs are existing since the beginning of Material Design language and still no included support for that. Last time i lost like 1 week to make a dense input to look ok, it was not just the scss theme, there are hardcoded variables values inside that are used for calculation of the floating label gaps...wtf. Hardcoded ?? You insist its customizable, how is that if you hardcoded some values and if you try to make you label bigger everything falls apart.
I was hoping to hear about AngularDart
Incredible. I nearly kept jumping here for a minute seeing the new ivy-ed bundle size.. 😂😄🤩
I hope ivy does at least as good as svelte
svelte is still in the really early stages, don't think you can compare them
Awesommme!!
oh my god
right man :-D
sound is too low
sexy guy
Not very convinced with Ivy. What's the point of making the first page loading faster if all the rest of your app take longer to run, because it needs additional chunks to run?
I you happen to need lazy-loading, fine grain control over it is good. I do not think an individual chunk for every component is forced upon you by Ivy.
It doesn’t take longer, in current web, it tries to load all at once, so by the time the user waits for your site, they’d more than likely leave, but PWAs they allow you to serve something like an appetizer for the user and the main course right behind it.
Hi - Should have made it clearer. But the talk was to show fine grained lazy loading is possible. In reality this would be used in conjunction with preloading to avoid network roundtrip when user interacts. We are looking into different strategies including predictive fetching with libraries like Guess.js to prioritize the preloading.
@@VS10249 I'm really looking forward to taking advantage of all the benefits Ivy has to offer!
You may have been a bit nervous presenting at Google I/O, but this was a great presentation, I especially liked seeing the demo app comparing the chunk sizes - it's very exciting to see what you guys have coming soon! Cheers!
@@VS10249 hi Vikram, was a GWT developer before beginning forced to used Angular:-(.
If you run into the GWT team, tell them I said hie, and STILL waiting for GWT 3.0!!
I am honestly disappointed!!
GWT had all this and better tree shaking etc
Can you at least help us interop closure lib with angular, please
Angular is the best!
Once again instead of discussing - what's in the future for frameworks. This comment section is going to be a battleground of React vs Angular where people compare Apples to Oranges -_-
Yeah, they are just a tool to transform business to application.
Pramod Jingade yeah....that’s the state of front end web development. Getting sick of it. I think though that most that use react or angular are pretty civil and since it’s the internet, the dedicated minority that are opposed to other libraries or frameworks voice their opinions more.
web browsers should support these popular frameworks/libraries locally. i mean they should have those files ready on the machine so it won’t need a server request.
Disappointed!!!
Whatever happened to GWT 3.0
2000+ open issues on github, for a company the size of Google that worrisome!!!
The project should be dropped!!!
Opening dev tools on gmail I see lots of closure code!!!
Disappointed!!!
Дансо врбоски сточе товеше со гогел шоселучи и тонезнае
How angular is better than react js.? very much confused.
I like the opinionated approach with meaningful structure and best practices for my large project.
React is great for small scale webapps when you don't have much functionality added in the app.
For more complex projects Angular is better.
React isn't a complete solution, you the developer are responsible for picking and integrating a bunch of different libraries to get a complete solution. Great if you want power and control, and the flexibility to make it do what you want to do. Not so great if you are an Enterprise and need to manage many different applications - you don't want every one of them to be a separate mess and mixture of technologies. Angular is more standard (opinionated) and enterprise friendly. Angular doesn't stop you from picking those additional libraries and it also gives you a much bigger starting base.
React is cleaner more enjoyable, but there's this thing called "decision fatigue".
If only react were more opinionated...
@@srivastav_prince07 In my country, there are many large e-commerces that use React as their core lib to build UI. Facebook uses React as well so your opinion about react is very narrow
Google took great faramework and turn it into ugly monster so hard to use and yet so limited. People love it just because it is supported by Google.
limited? LOL
Angular is only for employee programmers, react and vue is for self independent programmers or startups
I disagree, I love the Angular framework and I'm not an employee programmer.
all three are just tools...pick the right one for the project or problem you’re trying to solve..
Sucks to be an Angular dev in 2019
Beginning to feel like those BlackBerry days.
You KNOW the end is near but are powerless to do anything
I miss my GWT:-(
OMG Angular has fallen off so hard... smh... LONG LIVE REACT!!!
why do you think so? do you have any experience building angular 2+ app ?
you seriously don't now Angular I invite to you to try it.
@@ashishkpoudel let me ask you since what version you been using angular? Trust me used angular for years that's why I say it fell off no innovation
@@CodingPhase I keep running into open issues currently around 2.4k
Promises promises promises!!
@@xaxfixho because Angular it's a framework if you see there are more of 15 k closed
Awesome