JSer.info #241 - Flux 처럼 단방향 데이터 플로우를 기반으로 하는 프레임워크인 Redux 1.0.0이 릴리즈됐습니다.

Release v1.0.0 · rackt/redux

Redux의 컨셉은 해당 개발자가 직접 작성한 The Evolution of Flux Frameworks — Medium라는 문서에 잘 소개돼 있습니다.

짧게 설명 드리자면 State를 관리하는 컨테이너(redux 객체)를 제공하는 것으로 Flux의 ActionCreator와 Store에 해당하는 로직을 보통의 함수로 작성할 수 있도록 하고, 상태의 변화를 예측할 수 있는 환경으로 만드는 것에 목적을 두고 있습니다.

공식 문서나 인기있는 Flux 프레임워크 Redux를 만져봤다 - 마루시테이아는 달위에(일본어)등을 보면 특징이나 어떤 제약을 기반으로 만들어져 있는지 알 수 있습니다.

또, 지금까지 Flux는 Flux 아키텍처를 구현한 다른 프레임워크들 처럼 Store나 ActionCreator에 관한 구현체를 제공하지 않았지만, 이제는 facebook/flux에 Flux Utils를 추가하여 관련 기능을 제공합니다.

아래에 문서에 어떤 기능이 제공되고 있는지 간단히 정리돼 있습니다.

flux-utils에 관하여(일본어)

Immutable.js를 사용하고 있는 등의 여러가지 특징 중에서도 ReduceStore 객체의 reduce 메서드(state와 action을 전달 받아 적절하게 state를 변경한 후 반환하는 메서드)가 사이드-이펙트 없는 보통의 함수라는 글에서 Redux와 비슷한 개념을 제공하고 있음을 알 수 있습니다.

This method should be pure and have no side-effects.

FluxUtils와 Redux는 서로 영향을 받은 듯한 느낌이 들 수 있습니다. Redux의 개발자와 Flux의 개발자의 대화를 한번 읽어보면 재미있을거 같습니다.

Combining Stateless Stores

@fisherwebdev @goatslacker @alexeyraspopov Also, with Store-is-function pattern, you can easily keep modularity by delegating to "substores"
— Dan Abramov (@dan_abramov) June 3, 2015

Firefox 40이 릴리즈됐습니다.

개발자 도구의 Perfomence 도구(Waterfall view, Call Tree view, Flame Chart 등)가 개선됐습니다.

또 동시에 연장 지원 버전(ESR, Extended-support release) Firefox 38.2.0이 릴리즈됐습니다.

헤드라인

Release v1.0.0 · rackt/redux

github.com/rackt/redux/releases/tag/v1.0.0

JavaScript Flux library ReleaseNote

Redux 1.0.0이 릴리즈됐습니다.
State를 관리하는 컨테이너(redux 객체)를 제공하는 것으로 Flux의 ActionCreator와 Store에 해당하는 로직을 보통의 함수로 작성할 수 있도록 하면서 단방향 데이터 플로우를 지원하는 라이브러리입니다.

1.1 Release

blog.polymer-project.org/announcements/2015/08/13/1.1-release/

WebComponents library ReleaseNote

Polymer 1.1이 릴리즈 됐습니다.
컴포넌트와 글로벌 스코프에서 스타일을 공유하는 시스템을 추가했습니다.

Polymer 1.1 릴리즈 - Qiita(일본어)

MozillaZine.jp » Blog Archive » Firefox 40이 릴리즈 됐다(일본어)

mozillazine.jp/?p=4868

firefox ReleaseNote

Firefox 40이 릴리즈 됐습니다.
return 구문 뒤에 작성해 실행되지 않는 코드를 경고하도록 개발자 도구가 개선됐고 Web Audio API와 Web Animations API의 사양을 따르는 등 여러가지 변경 사항이 있습니다.

Firefox 40의 도큐멘트 | Firefox 40 사이트 호환성 정보(일본어)
Firefox 40 for developers - Mozilla | MDN(일본어)
Firefox 40 for developers - Mozilla | MDN(영어)

아티클

4.0 is the new 1.0 — Node & JavaScript — Medium

medium.com/node-js-javascript/4-0-is-the-new-1-0-386597a3436d

node.js ReleaseNote 역사

Node.js 4.0이 io.js와 병합이 완료된 버전으로 릴리즈될 예정입니다.

Browserify dependencies in depth! | TEJI TECH BLOG(일본어)

www.tejitak.com/blog/?p=1468

browserify

Browserify의 의존 관계 해결 패턴에 관해 작성돼 있습니다.
의존하는 모듈의 버전이 복수인 경우에 발생하는 문제에 관한 여러가지 해결 방법을 소개합니다.

ES6 In Depth: Modules ✩ Mozilla Hacks – the Web developer blog

hacks.mozilla.org/2015/08/es6-in-depth-modules/

JavaScript ECMAScript

ES6 modules의 import/export의 다양한 구문과 각각의 동작에 관해 설명합니다.
Modules의 사양을 단계별로 나눠 볼 때 Loading에 관한 것은 아직 ECMAScript에 정의돼 있지 않다는 것과 구문적으로 정적(static)인 점 등에 관해 작성돼 있습니다.