JSer.info #380 - Chrome 66이 릴리스 됐습니다.

JSON의 superset으로의 JavaScript와 trimStart/trimEnd 지원 그리고 catch 절의 인수 생략 등 ECMAScript 사양(proposal)이 구현됐습니다.

CSS Typed OM, CSS Paint API, AudioWorklet, Media의 `autoplay policy 변경, Fetch API에 keepalive 옵션 지원 등이 이뤄졌습니다.

Redux의 메이저 업데이트 4.0.0이 릴리스 됐습니다.

Release v4.0.0 · reactjs/redux

타입스크립트의 타입 선언이 개선됐으며, 본래 사용될 것을 의도하지 않는 ActionType이 private로 변경됐습니다. 그리고 번들이 CommonJS와 ES module을 지원하도록 변경됐습니다.

BREAKING CHANGE에 대한 자세한 내용은 아래 Issue에 정리돼 있으니 참고하길 바랍니다.

Redux 4 breaking changes · Issue #1342 · reactjs/redux

현재 Redux의 React binding 패키지인 react-redux는 Redux 4.0.0을 대응한 상태지만 React의 새로운 Context API에 대한 대응은 이뤄지지 않았습니다.

React 16 experiment: rewrite React-Redux to use new context API by markerikson · Pull Request #898 · reactjs/react-redux

특정 라이브러리에 의존하지 않는 컴파일 기반 자바스크립트 프레임워크인Svelte v2가 릴리스 됐습니다.

Svelte v2 is out!

JSX를 참고. 템플릿 구문이 변경됐으며 이를 위한 마이크레이션 도구 svelte-upgrade
가 공개됐습니다.
oncreate와 ondestroy 라이프 사이클 메서드가 추가됨에 따라 component.observe가 삭제됐습니다. 또, 컴포넌트의 값을 취하는 방법으로 component.get('foo')에서 component.get().foo로 변경됐습니다.

이전까지는 "42" 처럼 숫자를 문자열로 전달하면 문제 없이 문자열로 평가 됐으나 이제는 이와 같은 데이터를 전달 시 {42}와 같은 리터럴로 표현하도록 변경됐습니다.

// Before – pass number string and treat as numbers
<Counter start='1'/>
// After – should pass as numbers
<Counter start={1}/>

헤드라인

New in Chrome 66 | Web | Google Developers

developers.google.com/web/updates/2018/04/nic66

Chrome ReleaseNote

Chrome 66 릴리스 됐습니다.

JSON의 superset으로의 JavaScript와 trimStart/trimEnd 지원 그리고 catch 절의 인수 생략 등 ECMAScript 사양(proposal)이 구현됐습니다. 또, CSS Typed OM, CSS Paint API, AudioWorklet, Media의 autoplay policy 변경, Fetch API에 keepalive 옵션 지원 등이 이뤄졌습니다.

Release v4.0.0 · reactjs/redux

github.com/reactjs/redux/releases/tag/v4.0.0

redux ReleaseNote TypeScript

Redux 4.0.0이 릴리스 됐습니다.
TypeScript의 타입 선언이 개선됐으며 middleware의 dispatch가 복수 인수에 대응할 수 있도록 변경 됐으며 성능 개선이 이뤄졌습니다.

Release v4.6.0 · webpack/webpack

github.com/webpack/webpack/releases/tag/v4.6.0

webpack ReleaseNote

webpack 4.6.0이 릴리스 됐습니다.
주석으로 import의 preload와 prefetch를 대응하며 Webpack의 코어 코드가 TypeScript의 allowJs와 checkJs로 타입 체크되도록 변경 됐습니다.

Svelte v2 is out!

svelte.technology/blog/version-2

JavaScript ReleaseNote

Svelte 2이 릴리스 됐습니다.
템플릿의 구문이 수정됐으며 마이그레이션 도구가 공개됐습니다. Compouted properties의 인자 타입이 객체로 변경 됐고, component.get의 반환 형식이 변경 됐으며 oncreate/ondestroy 라이프 라이플 메서드가 추가됐습니다.

sonarwhal is v1 🎉 – sonarwhal – Medium

medium.com/sonarwhal/sonarwhal-is-v1-4262a2f887c9

JavaScript Tools ReleaseNote

웹 사이트 린트 도구인 sonarwhal 1.0이 릴리스 됐습니다.

NativeScript 4.0 is out! 🎉

www.nativescript.org/blog/nativescript-4.0-is-out

JavaScript ReleaseNote ios Android

NativeScript 4.0이 릴리스 됐습니다.

Underscore.js

underscorejs.org/#1.9.0

JavaScript library ReleaseNote

underscore 1.9.0이 릴리스 됐습니다.
_.restArguments, _.chunk, _.isSymbol 등이 추가됐습니다.
_.throttle와 _.debounce가 취소 가능하게 변경 됐고 성능이 개선됐습니다.

아티클

Hello wasm-pack! – Mozilla Hacks – the Web developer blog

hacks.mozilla.org/2018/04/hello-wasm-pack/

WebAssembly Rust console Tools

Rust를 이용한 WebAssembly 용 개발 도구 킷을 소개합니다.

DasSur.ma – Layers and how to force them

dassur.ma/things/forcing-layers/

CSS performance article

요소를 별도 계층화(GPU)하는 방법으로 will-change: transform가 있지만 실제 transform을 하지 않는다면 will-change: opacity나 backface-visibility: hidden을 사용할 것을 backface-visibility의 동작 설명과 함께 소개합니다.

Dependencies Done Right | Yarn Blog

yarnpkg.com/blog/2018/04/18/dependencies-done-right/

npm yarn article

pacakge.json의 dependencies, devDependencies, peerDependencies의 의미와 용도에 대해서 소개한 글입니다. 버전이 다른 패키지가 섞이게 되면 instanceof 문제나 파일 사이즈가 늘어나는 문제에 대해서도 이야기합니다.