Your Choice JavaScript News

TypeScript News Sunday, April 1 Font superfamily, Design project, Webpack code splitting & more…

TypeScript News TLDR / Table of Contents

  • Low-hanging design fruit: why you should use Google Font Superfamilies
    • Are we talking about the Jacksons? The Kardashians? The Brady Bunch? Steve Martin’s fictional family in Cheaper by the Dozen? Or could we be talking about something more closely related to fonts? A…
    • font superfamily, design project, awesome font superfamily, beautiful font pair, visually cohesive fonts
  • Using TypeScript Dynamic Imports in Angular –
    • TypeScript 2.4 added support for dynamic import() expressions, which allow us to asynchronously load and execute ECMAScript modules on demand. In this article, we will see how we can leverage this…
    • webpack code splitting, smaller bundle, initial bundle, Datorama BTW, ECMAScript modules
  • Quickstart: Angular2 with TypeScript and Gulp
    • new dependency injection, built-in modularity, component-based architecture, source code, global dependencies
  • Answer: WE TALKIN BOUT FONTS, YALL – A font superfamily is set of typefaces (example: merriweather and merriweather sans) that have been specifically designed to look good together.
  • In his own words, he set out to create a complete type family, consisting of, to begin with, roman, sloped roman, semi-bold and semi-bold condensed, at least four weights of sans serif, a script type and a set of Greek characters. – This was the most ambitious type design project…
  • Here are some great pairs from Google Fonts superfamilies to use for your next design project!
  • Designed by Impallari Type – Designed by Christian Robertson – Designed by Christian Robertson – Designed by ParaType – Designed by Vernon Adams – Designed by Paul D. Hunt (Sans) and Frank Griehammer (Serif) – Designed by Santiago Orozco – Designed by Impallari Type – Designed by Huerta Tipogrfica (Alegreya)…
  • Make sure you check out Font Pair where we help you pair Google Fonts together and have some awesome font superfamily suggestions for your next project!

Tags: font superfamily, design project, awesome font superfamily, beautiful font pair, visually cohesive fonts

  • Using TypeScript Dynamic Imports inAngular – TypeScript 2.4 added support for dynamic import() expressions, which allow us to asynchronously load and execute ECMAScript modules on demand.
  • This means that we can conditionally and lazily import other modules and libraries.
  • In this article, we will see how we can leverage this feature in Angular, so we can produce a smaller bundle.
  • It would be a waste to add the library to our initial bundle because each client will have to download and parse it even though he probably will not use it.
  • For example: – With RXJS – The last thing that we need to do is simply setting the module value in your tsconfig.app.json file to esnext.

Tags: webpack code splitting, smaller bundle, initial bundle, Datorama BTW, ECMAScript modules

  • The new version of the framework is much simpler to learn thanks to easier and more concise concepts like component-based architecture, new dependency injection or built-in modularity.
  • The new version of the framework is much simpler to learn thanks to easier and more concise concepts like component-based architecture, new dependency injection or built-in modularity.
  • The most important change is to separate source files from build files: directory contains all the source files and contains all compiled and processed files.
  • Assuming node and npm is already installed, you may install global dependencies by invoking the following command: – – Required global dependencies in order to run the project: – – Compiled files will be saved intto .
  • To get started we need a task(s) that compiles TypeScript files, copies assets and dependencies to a directory.

Tags: new dependency injection, built-in modularity, component-based architecture, source code, global dependencies

Comments are closed, but trackbacks and pingbacks are open.