Your Choice JavaScript News

TypeScript News Monday, May 7 App, React app, Azure functions & more…


What’s new?

  • The framework, together with modern team sites, simplifies a lot of SharePoints quirks and brings in modern development practices.
  • We figured out that by maintaining a level of abstraction between SharePoint and our React app, we could reuse 95% of our code between classic and modern.
  • The app itself lets you know if youre an admin or not when you visit a SharePoint site.
  • When you run the task (gulp build-classic), the framework creates a JavaScript file that can we be added to any classic site, giving them a modern feel.
  • This is how Masthead works, and how anyone can use their modern app in a classic SharePoint site.

Tags: app, SharePoint, React app, new SharePoint project, normal SharePoint methods


  • Backend development on Azure Functions with TypeScriptServerless architecture is without a doubt one of the hottest topics in cloud computing, allowing developers to build and run apps and services without thinking about the servers actually running the code as well as significantly reducing operational costs.
  • Azure Functions, Microsofts counterpart of AWS Lambda, was created and introduced at the end of March 2016allowing functions to be coded in its native languages: C# and F#, as well as in JavaScript and Python.
  • In praise of TypeScript…Getting startedEnough background, in this article Im going to walk through how to create a RESTful backend on Azure Functions with TypeScript.
  • Azure Functions TS Essentials is the best shorthand aroundLast but not least, but there already are two more projects to significantly reduce the amount of boilerplate code (from establishing the connection, to route the requests to the relevant methods and returning the result/result setensuring the request payload is formed well)…
  • Using the Azure Functions console (located in the Platform Features – Deployment Options of the function app) and setting the automatic deployment settings to use the prod branch.

Tags: Azure Functions, Azure Functions platform, Azure Functions portal, Azure Functions environment, TypeScript


  • This post assumes that you are familiar with NPM, the Javascript package manager and its command line.
  • You can read more about the available Typescript compiler options at its official docs – – I have a folder called that holds all the source files, you can call it as you prefer and could organize your objects as you need within.
  • The objects you want to expose need to be declared by the file (your primary entry point), so theyll be available for the consumers of your library.
  • And my looks like this: – – We dont want to include our source files into the published version of our library, so Ive added the folder there to be ignored: – – To generate your folder contents just run .
  • Ive added that custom task trying to keep the illustration simple, but you should know that npm offers a set of lifecycle scripts that are called automatically depending on the command youre executing on over your package.

Tags: offline desktop application, Javascript package manager, Typescript definition file, primary entry point, different ways


  • There are three main types of extensions that you can write for VS Code: – – An extension allows you to add a window or a command that lets you take some action.
  • to work): – – When you open the package.json file in VS Code, you will see that this contains the information that npm needs to download the correct dependencies and to build the project, as well as the information required by VS Code to create the extension: – – The…
  • Here you can see that you have devDependencies on typescript, VS Code which are packages, and then typings for node and mocha.
  • The scripts section contains tasks that npm can run such as compiling the TypeScript code into JavaScript or running the unit tests.
  • While in VS Code, you press CTRL+SHIFT+P (or whatever it is on your operating system) to bring up the command palette and choose Tasks: Run Task followed by npm:watch.

Tags: vs code, typescript, extension, command, JavaScript


Tags: #HTML5 #JavaScript #TypeScript #ZGDK,