JSer.info #247 - Redux v3.0.0이 릴리즈됐습니다.
v3.0.0에서는 Action 객체가 type를 가지고 있지 않으면 예외를 발생시키는 큰 변경만 포함돼 있고, 추가 기능 등은 v3.0.1에서 행하고 있습니다.
v3.0.1에서는 디버깅 시 combineReducers()로 등록한 미들웨어가 변환할 때마다 State Shape를 검증하도록 변경됐습니다. 따라서 문제 있는 변환을 발견하기 쉬워 졌습니다.
How to Write an Open Source JavaScript Library - Lesson Series by @kentcdodds @eggheadio스크린 캐스트 시리즈에서는 자바스크립트의 라이브러리를 작성하여 오픈 소스로써 공개하는 방법 등에 관해 설명합니다.
npm에 공개하는 방법 부터 테스트, CI 자동 릴리즈, CHANGELOG를 만드는 방법, ES6로 라이브러리를 작성하는 방법 등 꽤 폭 넓은 내용을 다루고 있습니다.
이 스크린 캐스트에서는 라이브러리를 공개하기 까지의 과정을 자세히 소개하고 있으며 자동화에 관해서도 이야기하고 있어 일정 수준 이해하게 된다면 자신의 라이브러리를 빠르게 공개할 수 있을 것이라 생각합니다.
저(azu) 역시 이전에 라이브러리를 ES6로 작성하여 공개하는 것부터 시작해보자 | Web Scratch(일본어)라고하는 문서에서 비슷한 내용을 다루면서 작은 단위의 태스크를 여러개 조합했습니다. 스크린 캐스트에서는 그 태스크에 관해서도 설명하고 있어서 좋습니다.
헤드라인
Release v3.0.1 · rackt/redux
github.com/rackt/redux/releases/tag/v3.0.1
Redux 3.0.1가 릴리즈됐습니다.
Action 객체가 type을 필수로 갖도록 하는 큰 변경이 포함돼 있습니다.
combineReducers()에 상태를 검증할 수 있는 구조를 추가했습니다.
Release 1.2.0 - 2015.09.27 · zloirock/core-js
github.com/zloirock/core-js/releases/tag/v1.2.0
core-js 1.2.0가 릴리즈 됐습니다.
Promise에 Unhandled Rejection Tracking을 구현 했고, isRegExp의 알고리즘을 수정했습니다. 또 String#leftPad의 제안을 따르도록 변경하는 등 다양한 변경 사항이 있습니다.
Release v2.2.0 · jscs-dev/node-jscs
github.com/jscs-dev/node-jscs/releases/tag/v2.2.0
JSCS 2.2.0이 릴리즈됐습니다.
설정 파일로 YAML을 이용 가능하고 HTML 스크립트 태그 내의 코드를 검증할 수 있도록 변경됐습니다. 또, 규칙이나 프리셋을 추가하고 수정했습니다.
아티클
ECMAScript 2015(ES6)의 개요와 차세대 자바스크립트의 새로운 기능 | HTML5Experts.jp(일본어)
ES6에서 추가된 구문과 객체를 간단히 설명합니다.
ES6 Promises in Depth
ponyfoo.com/articles/es6-promises-in-depth
Promise의 동작 방식을 시각화하여 .then이나 .catch가 어떤 흐름으로 처리 되는지 설명하고 있습니다.
Promise를 반환하는 Fetch API를 사용한 예를 바탕으로 설명합니다.
ES6 Modules in Depth
ponyfoo.com/articles/es6-modules-in-depth
ES6 Modules 구문에 관해 설명합니다.
Automated testing in Yahoo Mail | Yahoo Engineering
yahooeng.tumblr.com/post/115664629471/automated-testing-in-yahoo-mail
Yahoo Mail에서의 테스트에 관해 소개합니다.
Unit Tests, Functional Tests, Smoke Tests와 Intergration Tests 각각이 담당하는 일에 관해 작성돼 있습니다.
Typed React and Redux — Jack Hsu
jaysoo.ca/2015/09/26/typed-react-and-redux/
TypeScript와 React, Redux를 조합하여 사용하는 것에 관해 이야기합니다.
타입에 의한 에러 조기 발견, interface와 react.PropTypes의 차이, Redux를 다룰 때 union types를 모델로써 사용하는 방법 등에 관해 설명하고 있습니다.
Debugging Node.js Applications for Memory Leaks | Toptal
www.toptal.com/nodejs/debugging-memory-leaks-node-js-applications
Node.js 애플리케이션의 메모리 릭을 디버깅하는 방법과 도구에 관해 작성돼 있습니다.
ORTC API is now available in Microsoft Edge | Microsoft Edge Dev Blog
blogs.windows.com/msedgedev/2015/09/18/ortc-api-is-now-available-in-microsoft-edge/
MSEdge에 ORTC API가 구현된 것에 관해 작성돼 있습니다.
Mastering the filesystem in Node.js — Medium
medium.com/@yoshuawuyts/mastering-the-filesystem-in-node-js-4706b7cb0801
Node.js에서 파일을 생성 및 삭제하거나 검색하는 방법과 디렉터리를 생성하는 방법에 관해 정리돼 있습니다.
What forces layout/reflow. The comprehensive list.
gist.github.com/paulirish/5d52fb081b3570c81e3a
reflow를 강제적으로 일으키는 CSS 프로퍼티나 JavaScript의 메서드가 정리돼 있습니다.
NW.js & Electron Compared | TangibleJS
tangiblejs.com/posts/nw-js-electron-compared
NW.js와 Electron을 비교 정리하고 있습니다.
슬라이드, 영상
How to Write an Open Source JavaScript Library - Video Tutorial Series @eggheadio
egghead.io/series/how-to-write-an-open-source-javascript-library
자바스크립트 라이브러리를 작성해 GitHub와 npm에 공개하는 일련의 과정을 다루는 스크린캐스트 입니다.
ES6로 작성하는 방법이나 semver에 관한 것 등 폭넓은 내용을 다루고 있습니다.
TechBuzz 제17회 HTML5 + JS 공부 자료(일본어)
kenju.github.io/techbuzz_htmljs_20150924/
Web Worker를 사용한 샘플과 함께 Web Worker를 설명하는 슬라이드 입니다.
New animation inspector features in Firefox 43 - YouTube
www.youtube.com/watch?v=T2jykykN3yc
Firefox 43에 구현된 개발자 도구의 애니메이션 인스펙터에 관해 소개하는 영상입니다.
소프트웨어, 도구, 라이브러리
clipboard.js — Copy to clipboard without Flash
zenorocha.github.io/clipboard.js/
execCommand을 사용한 플립보드를 복사하는 라이브러리입니다.
유저의 인터렉션에 대응해 문자열 복사와 잘라내기를 할 수 있습니다.
Rune.js Documentation
virtual-dom 라이브러리를 사용한 SVG를 그리는 라이브러리입니다.
Grid 시스템을 구현하고 있는 것이 특징입니다.
