JS digest
July 2017
by Oleksandr Oliynyk
Software Developer at ElifTech
News:
● Introducing npx: an npm package runner
● React 16 beta
● Announcing Gatsby 1.0.0 🎉🎉🎉
● Announcing Babylon.js 3.0
● Node-ChakraCore Update: N-API, Node.js on
iOS and more
● AWS Releases Lambda@Edge
Upcoming:
● Upcoming RegExp Features
● Say hello to HTTP/2 for Node.js Core
Statistics:
● Ionic Dev Survey
● "2017 USER SURVEY EXECUTIVE
SUMMARY"
Libs picks:
● Build terminal dashboards
● email boilerplate and a guideline
● static site generator based in Next.js
● Pick cool color
● Datepicker unicorn
JS digest
July 2017
www.eliftech.com
Introducing npx: an npm package runner*
It will help:
● Use `npx` to run your local module installations
● Executing one-off commands never was so easy
● Run commands with different Node.js versions
● Developing npm run-scripts interactively
● Share gist-based scripts with friends and loved ones!
*Read more about these here
www.eliftech.com
React 16 beta
Why:
● Remove old internal abstractions
● Let ship some of the most requested features like returning arrays from render, recovering
from component errors, and readable component stack traces for every error.
● Enable to start experimenting with asynchronous rendering of components for better
perceived performance.
*Read more about these here
Breaking changes and new stuff:
● Not so much new things actually
● Error Handling is better now (:
● Check link above for more
www.eliftech.com
Announcing Gatsby 1.0.0 🎉🎉🎉
What is cool:
● rich integrations with CMSs like Contentful, Wordpress, and Drupal
● route-based code splitting
● service workers
● built for the next billion internet users
*Read more about these here
www.eliftech.com
Announcing Babylon.js 3.0
What is cool:
● Support for WebGL 2
● Support for WebVR 1.1
● Support for live textures using WebCam
● Great playground
*Read more about these here
Cool demo is here
www.eliftech.com
Node-ChakraCore Update
What is cool:
● Full cross-platform support
● Support for Node.js API (N-API)
● Node.js on iOS
● Time-Travel Debugging
*Read more about these here
www.eliftech.com
AWS Releases Lambda@Edge
What is cool:
● Lambda@Edge code is triggered by events from Amazon CloudFront
● is optimised for latency sensitive use cases
● Developer will be able to:
a. Inspect cookies and transparently rewrite URLs in order to perform A/B testing.
b. Return dynamic content generated at the edge, for example, redirect unauthenticated users to a login page that is
created on-demand.
c. Respond with specific objects to customise the website the user sees based on the User-Agent header.
d. Add, drop, or modify headers (subject to the following restrictions) to direct users to different cached objects.
e. Make HTTP requests to other Internet resources and use the results to customise responses etc
*Read more about these here
www.eliftech.com
Upcoming
www.eliftech.com
● Named Captures
● dotAll Flag
● Unicode Property Escapes
● Lookbehind Assertions
Upcoming RegExp Features
Read about it here
const pattern = /(d{4})-(d{2})-(d{2})/u;
Vs
const pattern = /(?<year>d{4})-(?<month>d{2})-
(?<day>d{2})/u;
www.eliftech.com
● Push Stream Support
● respondWithFile() and respondWithFD() APIs that allow extremely efficient
sending of raw file data that bypasses the Streams API.
● TLS and Plain-text connections
● Full support for stream multiplexing
● HTTP/2 Prioritization and Flow Control
● Support for HTTP/2 trailers
● HPACK header compression support
● A compatibility API layer that operates as close as possible to the existing HTTP/1 API
Say hello to HTTP/2 for Node.js Core
Read about it here
www.eliftech.com
Statistics
www.eliftech.com
● More than 13,000 developers shared their story
● Two years ago, 20% of developers surveyed were building exclusively with native tools
instead of hybrid. In the next two years, that number is only 2.9% - a nearly 7x decrease.
Similarly, the number of hybrid-built apps is growing as a share of overall app development.
In the next two years, 32.7% of developers surveyed expect to completely abandon native
development in favor of hybrid.
Ionic Dev Survey
Read about it here
www.eliftech.com
Ionic Dev Survey (cont)
www.eliftech.com
Ionic Dev Survey (cont)
www.eliftech.com
Ionic Dev Survey (cont)
www.eliftech.com
● Conducted online from November 30, 2016 to January 16, 2017 via a self-administered
survey.
● Fielded worldwide in English and Mandarin to encourage maximum response.
● 1,405 individuals responded to at least some questions in the survey
Node.js survey
Read about it here
www.eliftech.com
Node.js survey (cont)
www.eliftech.com
Node.js survey (cont)
www.eliftech.com
Node.js survey (cont)
www.eliftech.com
Node.js survey (cont)
www.eliftech.com
Libs picks
www.eliftech.com
● https://github.com/yaronn/blessed-contrib
● http://bojler.slicejack.com/
● https://github.com/elmasse/nextein
● http://www.checkman.io/please/
● https://github.com/dbushell/Pikaday
Libs picks for July
www.eliftech.com
www.eliftech.com
www.eliftech.com
Thank you for attention!
Stay tuned for next edition of JS digest
Find us at eliftech.com
Have a question? Contact us:
info@eliftech.com

JS digest. July 2017

  • 1.
    JS digest July 2017 byOleksandr Oliynyk Software Developer at ElifTech
  • 2.
    News: ● Introducing npx:an npm package runner ● React 16 beta ● Announcing Gatsby 1.0.0 🎉🎉🎉 ● Announcing Babylon.js 3.0 ● Node-ChakraCore Update: N-API, Node.js on iOS and more ● AWS Releases Lambda@Edge Upcoming: ● Upcoming RegExp Features ● Say hello to HTTP/2 for Node.js Core Statistics: ● Ionic Dev Survey ● "2017 USER SURVEY EXECUTIVE SUMMARY" Libs picks: ● Build terminal dashboards ● email boilerplate and a guideline ● static site generator based in Next.js ● Pick cool color ● Datepicker unicorn JS digest July 2017
  • 3.
    www.eliftech.com Introducing npx: annpm package runner* It will help: ● Use `npx` to run your local module installations ● Executing one-off commands never was so easy ● Run commands with different Node.js versions ● Developing npm run-scripts interactively ● Share gist-based scripts with friends and loved ones! *Read more about these here
  • 4.
    www.eliftech.com React 16 beta Why: ●Remove old internal abstractions ● Let ship some of the most requested features like returning arrays from render, recovering from component errors, and readable component stack traces for every error. ● Enable to start experimenting with asynchronous rendering of components for better perceived performance. *Read more about these here Breaking changes and new stuff: ● Not so much new things actually ● Error Handling is better now (: ● Check link above for more
  • 5.
    www.eliftech.com Announcing Gatsby 1.0.0🎉🎉🎉 What is cool: ● rich integrations with CMSs like Contentful, Wordpress, and Drupal ● route-based code splitting ● service workers ● built for the next billion internet users *Read more about these here
  • 6.
    www.eliftech.com Announcing Babylon.js 3.0 Whatis cool: ● Support for WebGL 2 ● Support for WebVR 1.1 ● Support for live textures using WebCam ● Great playground *Read more about these here Cool demo is here
  • 7.
    www.eliftech.com Node-ChakraCore Update What iscool: ● Full cross-platform support ● Support for Node.js API (N-API) ● Node.js on iOS ● Time-Travel Debugging *Read more about these here
  • 8.
    www.eliftech.com AWS Releases Lambda@Edge Whatis cool: ● Lambda@Edge code is triggered by events from Amazon CloudFront ● is optimised for latency sensitive use cases ● Developer will be able to: a. Inspect cookies and transparently rewrite URLs in order to perform A/B testing. b. Return dynamic content generated at the edge, for example, redirect unauthenticated users to a login page that is created on-demand. c. Respond with specific objects to customise the website the user sees based on the User-Agent header. d. Add, drop, or modify headers (subject to the following restrictions) to direct users to different cached objects. e. Make HTTP requests to other Internet resources and use the results to customise responses etc *Read more about these here
  • 9.
  • 10.
    www.eliftech.com ● Named Captures ●dotAll Flag ● Unicode Property Escapes ● Lookbehind Assertions Upcoming RegExp Features Read about it here const pattern = /(d{4})-(d{2})-(d{2})/u; Vs const pattern = /(?<year>d{4})-(?<month>d{2})- (?<day>d{2})/u;
  • 11.
    www.eliftech.com ● Push StreamSupport ● respondWithFile() and respondWithFD() APIs that allow extremely efficient sending of raw file data that bypasses the Streams API. ● TLS and Plain-text connections ● Full support for stream multiplexing ● HTTP/2 Prioritization and Flow Control ● Support for HTTP/2 trailers ● HPACK header compression support ● A compatibility API layer that operates as close as possible to the existing HTTP/1 API Say hello to HTTP/2 for Node.js Core Read about it here
  • 12.
  • 13.
    www.eliftech.com ● More than13,000 developers shared their story ● Two years ago, 20% of developers surveyed were building exclusively with native tools instead of hybrid. In the next two years, that number is only 2.9% - a nearly 7x decrease. Similarly, the number of hybrid-built apps is growing as a share of overall app development. In the next two years, 32.7% of developers surveyed expect to completely abandon native development in favor of hybrid. Ionic Dev Survey Read about it here
  • 14.
  • 15.
  • 16.
  • 17.
    www.eliftech.com ● Conducted onlinefrom November 30, 2016 to January 16, 2017 via a self-administered survey. ● Fielded worldwide in English and Mandarin to encourage maximum response. ● 1,405 individuals responded to at least some questions in the survey Node.js survey Read about it here
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
    www.eliftech.com ● https://github.com/yaronn/blessed-contrib ● http://bojler.slicejack.com/ ●https://github.com/elmasse/nextein ● http://www.checkman.io/please/ ● https://github.com/dbushell/Pikaday Libs picks for July
  • 24.
  • 25.
  • 26.
    www.eliftech.com Thank you forattention! Stay tuned for next edition of JS digest Find us at eliftech.com Have a question? Contact us: info@eliftech.com