Web / App / Data
redux 앱을 위한 짱짱 라이브러리, reselect에 대해 알아보자. 1. reselect는 무엇을 위한 라이브러리인가? Simple “selector” library for Redux inspired by getters in NuclearJS, subscriptions in re-frame and this proposal from speedskater. Selectors can compute derived data, allowing Redux to store the minimal possible state. Selectors are efficient. A selector is not recomputed unless one of its […]
1. ShellJS – Unix shell commands for Node.js require(‘shelljs/global’); if (!which(‘git’)) { echo(‘Sorry, this script requires git’); exit(1); } // Copy files to release dir rm(‘-rf’, ‘out/Release’); cp(‘-R’, ‘stuff/’, ‘out/Release’); // Replace macros in each .js file cd(‘lib’); ls(‘*.js’).forEach(function(file) { sed(‘-i’, ‘BUILD_VERSION’, ‘v0.1.2’, file); sed(‘-i’, /^.*REMOVE_THIS_LINE.*$/, ”, file); sed(‘-i’, /.*REPLACE_LINE_WITH_MACRO.*\n/, cat(‘macro.js’), file); }); cd(‘..’); // […]
원문 – Presentational and Container Components 어떤 구조로 React 컴포넌트를 짜야하는가에 대한 글인 듯. 확실히 보여주기만 하는 컴포넌트와, 그것에 적당한 상태를 집어넣어주는 컴포넌트를 분리하는 것은 굉장히 중요한 것 같다. Redux를 쓰더라도 모든 컴포넌트에 mapStateToProps, mapDispatchToProps를 하는 것은 코드를 경직된 구조로 만들게 하는 경향이 있더라고. Presentational의 가장 중요한 특징 두 개를 본문에서 꼽아보자면 Are concerned with how […]
Github Link: https://github.com/nvbn/thefuck 위의 gif에 모든 것이 다 들어있다. 터미널 명령어가 실패한 뒤 fuck을 입력하면 적당한 추론과정을 통해 적당히 correct된 명령어를 추천해준다. 하지만 우린 한국인이잖아? fuck 보다는 씨발이 좀 더 친숙하다. 따라서 다음과 같은 세팅을 추천한다. unsetopt correct eval $(thefuck –alias) alias TLQKF=fuck; alias TLQKf=fuck; alias TLQkF=fuck; alias TLQkf=fuck; alias TLqKF=fuck; alias TLqKf=fuck; alias TLqkF=fuck; alias TLqkf=fuck; […]