JS Promises, ES6 Proxy, and Type Script (15 Jan20)

Hi! Let’s talk today about JS Promises, ES6 Proxy, and TypeScript. If this is your first time here and you want to learn Frontend and JavaScript, start right now by subscribing, and don’t forget to turn on the subtitles. [Music playing] How strong are your Promises? ;) I mean, your JS Promise knowledge, of course. “9 Questions to Test Your Knowledge of Promises” is an excellent way to test your knowledge quickly. Challenge yourself! In case you’ve missed, Dag Stuan explained how a spread operator works in JavaScrip.

00:40 - Actually, it plays two roles, as a “rest parameter” and as the “spread operator”. You can read more at JavaScript Christmas. The article “Manage Global State with Context API and Hooks” describes a simpler approach to managing the global state of pure SPAs when the Redux usage is overkill. However Redux definitely has its use cases and advantages. Lucas Santos, in his turn, posted an article, namely “Node.js Under The Hood #5. Hidden Classes & Variable Allocations.

” The author reveals the inner part of the JS virtual machine’s 01:28 - work, how it handles adding or removing the object’s properties. [Music playing] In case you struggle with performance issues on your projects you might be interested in a talk “Fast by default” by Vladimir Agafonkin. It worth watching. Especially if you think that native JS methods are fast by default. In this video, Eric Meyer tries to explain why web platform is so weird and controversial, providing historical examples from the very beginning of the web. I’m in web development from 2004 and most cases are new for me too :) Take a look.

02:12 - Proxy is one of the most overlooked concepts of the ES6 version of JavaScript. In the tutorial “Having fun with ES6 proxies,” you can read useful applications for proxies and how they work. One more exciting article at LogRocket’s blog is “How to Write Correctly Typed React Components with TypeScript” by Piero Borrelli. React, and TypeScript makes a sturdy pair. Here you can learn how to write Typed functional and class components with typed Context and custom Hooks. One more article regarding this topic is “When to useMemo and useCallback” by Kent C Dodds.

03:07 - The author demonstrates how abstractions and performance optimizations can sometimes come with a cost that outweighs the benefit. [Music playing] An icon button is a button that’s merely an icon with no visible text. How to make them accessible? This article gives you a clear overview of many possible ways to provide an accessible label to an icon button. Adam Noffsinger from Dropbox told how they moved to Figma and organized their cross-platform design system in it. The author provided several examples of why that was the case for them, and why it might be interesting for you.

04:04 - The very next point in my list is the short note, namely “Jagged Little Pill: Issues with Rounded Buttons.” Tyler Sticka explains the issues related to “border-radius” features and provides a possible solution. Nick Babich, in his turn, posted an article titled “10 Things You Should Know About Your Users.” Here are ten essential rules that will help you design a better user experience. You can read more at UX Planet. The last but not least point for today is “CSS Layout.

” It is a collection of popular 04:51 - layouts and patterns made with CSS, and examples of typesetting standard UI components. Add it to your bookmarks. [Music playing] If you like this video, give it “thumbs up,” share it with your friends, subscribe to the channel and watch other episodes. Thanks for watching and stay curious. .