Content:
- What Happens When You Launch A Browser for The First Time?
- All the New ES2019 Tips and Tricks
- Native lazy-loading for the web
- Microsoft Web Template Studio
- Version Museum: A Visual History of Your Favorite Technology
1. What Happens When You Launch A Browser for The First Time?
https://frontendfoc.us/link/68998/6ab331ce8a
This is a collection of interesting and quite revealing Twitter threads digging into what browsers (Chrome, Firefox, Opera, etc) do upon install/first launch (including phoning home and downloading default extensions).
2. All the New ES2019 Tips and Tricks
In June, ES2019 (Edition 10) was released and of course it has been followed by a long line of articles about the new features. Among the new features you’ll find ? like Array.flat/flatmap into which you can specify depth, Object.fromEntries, sort stability and more. For an even more in-depth read about Javascript anno 2019 read this.
Personally I’m really looking forward to private class fields (Not in ES2019 ?)Finally, the ability to hide implementation details for real! ?
It’s currently in stage-3 (fingers crossed it makes it into ES2020). However, they didn’t follow the cross-language untold “standard” and called it private, instead they go with hash (#) symbol…?! But still private with # is better than not having private at all… but nothing yet about protected? ?
3. Native lazy-loading for the web
Starting with Chrome 76 (released July 30), you’ll be able to use the new loading attribute to lazy-load resources without the need to write custom lazy-loading code or use a separate JavaScript library ? These guys explain how.
4. Microsoft Web Template Studio
This is a nice addition to last week’s entry about Visual Studio Code Extensions! WebTS currently support React.js , Vue.js, Angular for front-end and Node.js and Flask for back-end.
I tested the combo React/Node.js. The React front-end is utilizing react-scripts (from create-react-app), react-router-dom, and Bootstrap as default. The Node/Express back-end has a pretty straight-forward express-server configured for SPA (Single-Page-Applications). It’s a good starting point for your application.
I’m looking forward to see what more options they add in the future…
5. Version Museum: A Visual History of Your Favorite Technology
Sure, I like the minimalistic style where everything is flat (or flat-ish) with big imagery and nice clean icon-sets. But when all websites starts to look like that it makes me miss all the different kinds of glossy buttons, image maps and animated gifs a’la Y2K. Not because they are super-aesthetically pleasing (they were cool ?) but for the diversity it brought among websites.
Thanks for reading and happy coding! ❤️
/Fredrik, Senior Front-end developer @ Bouvet and co-creator of Sketch2React
Psst, I also highly recommend Juan’s Design Digest (He’s the other 50% of Sketch2React)