frontend-tech

Month: 2017-06

2017-06-01

jihchi 11:26:55
https://twitter.com/code/status/869971648694243328

twitter

Become a <https://twitter.com/code|@code> expert with these cheat sheets. Win: <https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf> Mac: <https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf> Linux: <https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf> <https://pbs.twimg.com/media/DBLCekkUQAA1vM-.jpg>

alvinyen219 16:01:30
@alvinyen219 has joined the channel
jihchi 22:47:08
https://github.com/colebemis/feather

GitHub

colebemis/feather

feather - Simply beautiful open source icons

2017-06-02

jihchi 09:05:53
https://twitter.com/umaar/status/870271547914817538

twitter

DevTools Tip: :zap: Before your tab runs out of memory and crashes, DevTools will automatically pause the JavaScript so you can start analysing <https://pbs.twimg.com/media/DBPSPwDXsAMSqYQ.png>

jihchi 09:07:28
https://twitter.com/jdalton/status/870320400860815360

twitter

TIL Yarn is fully deterministic **only** if all your teammates are using the **exact** same Yarn version. :flushed: (npm5+ doesn't have that caveat) <https://pbs.twimg.com/media/DBP_widV0AAvICn.jpg>

mrorz 10:15:19
jihchi: 原文連結:https://yarnpkg.com/blog/2017/05/31/determinism/

看了半天還是無法理解 hoisting 會如何影響 determinism QQ
mrorz 10:16:37
看起來 yarn.lock 比 npm5 的 package-lock.json 還多了 dependencies 吧
package-lock.json 完全就是 hoist 過的 list of dependencies + versions 而已?
jihchi 10:17:18
剛看到某個 twitte 寫 yarn.lock lightwight,package-lock.json reliable
jihchi 10:17:54
我還沒看這篇 yarn determinism,queue 還沒消化完
jihchi 18:14:37
https://twitter.com/reasonml/status/870465953255051264

twitter

Microsoft language server for OCaml &amp; Reason! <https://github.com/freebroccolo/ocaml-language-server/>

2017-06-03

jihchi 09:58:54
https://hackernoon.com/node-js-tc-39-and-modules-a1118aecf95e

Hacker Noon

Node.js, TC-39, and Modules – Hacker Noon

This week I attended my first TC-39 meeting. For those unaware, TC-39 is the designator of the ECMA working group that defines the…

yhsiang 14:41:24
https://twitter.com/javascripting/status/870720698746122240

twitter

Kotlin with react <http://buff.ly/2qHbz1r>

2017-06-04

jihchi 13:15:09
https://twitter.com/moroshko/status/871163393289240576

twitter

Thanks <https://twitter.com/arunoda|@arunoda> for creating <https://learnnextjs.com>. Short, addresses the main pain points, and so engaging!

jihchi 13:17:05
https://t.co/sdJ0mSCWz4?ssr=true

eBay Tech Berlin

Into the Great Unknown — Migrating from Mocha to Jest

A Tale of Adventure, Ambition and JavaScript Unit Tests

mrorz 10:29:53
天啊我剛好正有個專案需要 migrate
感謝 @jihchi m(_ _)m
jihchi 13:17:58
https://twitter.com/darkokukovec/status/870895084786638848

twitter

The slides &amp; code examples of my React state management with #Redux &amp; #MobX workshop now available on the interwebs: <https://github.com/infinum/shift-2017>

jihchi 13:27:46
https://github.com/slap-editor/slap

GitHub

slap-editor/slap

slap - Sublime-like terminal-based text editor

mrorz 10:49:10
這有 vim mode 嗎(慢著
mrorz 10:50:06
發現打中文會變成問號
jihchi 11:28:44
試用之後覺得不好用 …
jihchi 13:29:48
https://javascript.info/

javascript.info

The Modern Javascript Tutorial

Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.

jihchi 22:41:27
https://github.com/pinterest/bonsai

GitHub

pinterest/bonsai

bonsai - Understand the tree of dependencies inside your webpack bundles, and trim away the excess.

2017-06-05

2017-06-06

jihchi 09:03:59
https://twitter.com/ebidel/status/871869890331672576

twitter

Chrome 59 shipping to stable means Headless Chrome is now available everywhere! :facepunch: <https://chromereleases.googleblog.com/> Learn it: <https://developers.google.com/web/updates/2017/04/headless-chrome>

mrorz 13:44:40
What’s New In DevTools (Chrome 59)

* CSS and JS code coverage. Find unused CSS and JS with the new Coverage tab.
* Full-page screenshots. Take a screenshot of the entire page, from the top of the viewport to the bottom.
* Block requests. Manually disable individual requests in the Network panel.
* Step over async await. Step through async functions predictably.
* Unified Command Menu. Execute commands and open files from the newly-unified Command Menu.

https://developers.google.com/web/updates/2017/04/devtools-release-notes
jihchi 09:04:49
https://twitter.com/housecor/status/871725114005618688

twitter

React's API is actually quite significant - This cheat sheet has a number o calls that you may find useful <http://buff.ly/2sy4X5G> #react

jihchi 09:07:47
https://twitter.com/thelarkinn/status/871744963763109888

twitter

:fire::hearts: Best way to start off Monday morning? :hearts::fire: #webpack 3.0.0-RC.0 :white_check_mark: SCOPE HOISTING Profile, Test, Report:bug:, Share, RT RT RT :fire:! #JavaScript <https://pbs.twimg.com/media/DBkPYhYUAAQEoiD.jpg>

jihchi 09:09:24
https://twitter.com/rauschma/status/871768671445815296

twitter

Don’t use parseInt to convert to int: &gt; parseInt(0.0000008,10) 8 Why? Coerces to str: &gt; String(0.0000008) '8e-7' <http://speakingjs.com/es5/ch11.html#parseInt>

jihchi 09:10:20
https://twitter.com/una/status/871695186841174018

twitter

:sparkles:Wrote a new blog post :sparkles: Locally Scoped CSS Variables: What, How, and Why <https://una.im/local-css-vars/> :blush: Lots of content in that one :blush:

mrorz 10:10:30
原來可以用 JS 給 CSS variable 賦值!!
mrorz 10:20:46
> This is similar to JavaScript variables instantiated with the let keyword, which take the scope of their containing block ({}) (aka block scope).

這個部分感覺不太精確,我測試的結果是,custom property 的 scope 是在那個被選中的元素上有效,與 CSS declaration 的 `{ }` 無關。

例如說,如果某個元素套上了個 css,設定 `--foo: red;`
那如果該元素又套上另一些 css property 用到了 `var(--foo)`,那就會吃到 `red`。

http://jsbin.com/raxakicare/edit?html,css,output
mrorz 10:32:46
不過整篇文讓我學到不少,css custom property 真的完全與過去的 preprocessor variables 強超級無敵多。
jihchi 10:33:36
:+1:
jihchi 09:11:34
https://twitter.com/matzatorski/status/871787963721674753

twitter

:tada: Super excited about this! CRRA now has a CLI. Run: yarn create reason-react-app MyApp More coming very soon! <https://github.com/knowbody/crra> <https://pbs.twimg.com/media/DBk2Gu4WAAAvvRi.jpg>

jihchi 09:14:37
https://twitter.com/reactiveconf/status/871598739504476160

twitter

Reasons to love Reason: <http://buff.ly/2rysJPU> #ReactJS #JavaScript <https://pbs.twimg.com/media/DBiKbxFXgAMBnjD.png>

jihchi 09:16:26
https://twitter.com/svensauleau/status/871825384223985672

twitter

This is a cool trick for conditional rendering in JSX :sunglasses: <https://pbs.twimg.com/media/DBlYb2GXUAAtCxt.jpg>

mrorz 10:08:13
挺有創意的
但果可以我還是考慮 syntax 解 lol
jihchi 10:08:53
通常要用時候更複雜,我現在就都改用 IIFE
mrorz 10:56:24
對耶這樣就不用 do expression
jihchi 10:57:28
我之前是用 do expression 沒錯,但是要求比較低的 stage 就放棄。
mrorz 13:44:40
What’s New In DevTools (Chrome 59)

* CSS and JS code coverage. Find unused CSS and JS with the new Coverage tab.
* Full-page screenshots. Take a screenshot of the entire page, from the top of the viewport to the bottom.
* Block requests. Manually disable individual requests in the Network panel.
* Step over async await. Step through async functions predictably.
* Unified Command Menu. Execute commands and open files from the newly-unified Command Menu.

https://developers.google.com/web/updates/2017/04/devtools-release-notes
mrorz 13:44:40

twitter

Chrome 59 shipping to stable means Headless Chrome is now available everywhere! :facepunch: <https://chromereleases.googleblog.com/> Learn it: <https://developers.google.com/web/updates/2017/04/headless-chrome>

* CSS and JS code coverage. Find unused CSS and JS with the new Coverage tab. * Full-page screenshots. Take a screenshot of the entire page, from the top of the viewport to the bottom. * Block requests. Manually disable individual requests in the Network panel. * Step over async await. Step through async functions predictably. * Unified Command Menu. Execute commands and open files from the newly-unified Command Menu. <https://developers.google.com/web/updates/2017/04/devtools-release-notes>

wuct 17:42:48
coverage tab 好像不錯
jihchi 17:45:13
` Find unused CSS and JS` 超吸引人
wuct 17:51:11
剛玩了一下,真的很方便,馬上可以看出哪裡要先做 lazy loading
jihchi 17:52:07
:+1:
jihchi 18:02:02
stable 59

不是有 Chrome 60 了嗎 <https://developers.google.com/web/updates/2017/05/devtools-release-notes>

kcliu 10:25:52
只有我在用 Canary 嗎 xd
jihchi 10:52:26
我也有用,備用

2017-06-07

Michael Hsu 09:29:26
59 這幾個真實用!
jihchi 10:55:55
https://twitter.com/jlongster/status/872190764759097344

Prettify GraphQL!

twitter

I look away for a few weeks and TypeScript &amp; CSS comes to prettier, and now even GraphQL is being merged in <https://github.com/prettier/prettier/pull/2005>

jihchi 10:57:43
https://twitter.com/kentcdodds/status/872135022097997824

twitter

I just published “Classes, Complexity, and Functional Programming” <https://medium.com/p/classes-complexity-and-functional-programming-a8dd86903747>

jihchi 11:00:57
https://twitter.com/reacteurope/status/872171762099859458

twitter

Should you start using <https://twitter.com/reasonml|@reasonml> today in your project? <https://twitter.com/_chenglou|@_chenglou> answers. Whole Q&amp;A's here <https://www.youtube.com/watch?v=BvHxlVlse-g>

jihchi 11:01:22
https://twitter.com/raynarvaezjr/status/872163002354724864

twitter

How would a Xenomorph wear a hat? :thinking_face: <https://pbs.twimg.com/media/DBqLbIsU0AAST_B.jpg>

jihchi 17:11:46
yo改
jihchi 19:27:16
https://twitter.com/metrobundler/status/872120701125357568

底下留言戰 webpack: its extremely slow...

twitter

react-native-packager is now Metro Bundler Splitting off from React Native allows us to support the community better <https://github.com/facebook/metro-bundler>

jihchi 19:28:40
https://twitter.com/wsokra/status/872353199818244096

原圖有 typo 喔!用底下留言的圖

twitter

you want to make a #webpack poster...? <https://pbs.twimg.com/media/DBs4YrkXsAEsTOx.png>

jihchi 22:31:22
https://github.com/sdmg15/Best-websites-a-programmer-should-visit

GitHub

sdmg15/Best-websites-a-programmer-should-visit

Best-websites-a-programmer-should-visit - :link: Some useful websites for programmers.

jihchi 22:33:11
試的結果是原始內文會被 archive 起來 ..

yo改

2017-06-08

jihchi 08:46:50
https://twitter.com/thejameskyle/status/872574860513263616

twitter

Adopting Flow &amp; TypeScript: A comparison between the two on-boarding processes <https://medium.com/the-thinkmill/adopting-flow-typescript-3549a3a36d51>

jihchi 08:47:22
https://twitter.com/maybekatz/status/872552185459908608

twitter

"ok let's see about this package 404 error message issue..." ARE YOU FUCKING SERIOUS? <https://pbs.twimg.com/media/DBvth3yVwAA6qAH.jpg>

jihchi 08:48:27
https://twitter.com/guybedford/status/872547059429253121

I've enjoyed experimenting with WebAssembly recently. Excited to share what I've learned in this new egghead course.

twitter

I've enjoyed experimenting with WebAssembly recently. Excited to share what I've learned in this new egghead course. <https://egghead.io/courses/introduction-to-webassembly?utm_source=drip&amp;utm_medium=email&amp;utm_content=web-assembly-intro>

jihchi 08:51:39
https://twitter.com/wsokra/status/872416959928860672

A few bugfixes for Scope Hoisting. Seems like webpack 3 is ready...

twitter

A few bugfixes for Scope Hoisting. Seems like webpack 3 is ready... <https://pbs.twimg.com/media/DBtyb2_XgAABz1B.jpg>

jihchi 08:53:08
https://twitter.com/malyw/status/872462329027469315

You can start using ECMAScript modules in Node.js today!
Just "require('@​std/esm')" and that's it.
http://github.com/standard-thing|github.com/standard-thing

twitter

You can start using ECMAScript modules in Node.js today! Just "require('@​std/esm')" and that's it. <https://github.com/standard-things/esm> <https://pbs.twimg.com/media/DBubCjIXUAANELq.jpg>

jihchi 08:54:07
https://twitter.com/rauschma/status/872445540385947648

Async functions are started sync, settled async: http://exploringjs.com/es2016-es2017/|exploringjs.com/es2016-es2017/

twitter

Async functions are started sync, settled async: <http://exploringjs.com/es2016-es2017/ch_async-functions.html#_async-functions-are-started-synchronously-settled-asynchronously> <https://pbs.twimg.com/media/DBtUClUXcAEqlHD.jpg>

jihchi 08:54:42
https://twitter.com/rauschma/status/872491010999422976

Async functions are started sync, settled async: http://exploringjs.com/es2016-es2017/|exploringjs.com/es2016-es2017/

twitter

[Updated] An overview of callable entities in JavaScript. <https://pbs.twimg.com/media/DBu18acWsAAD4Nh.jpg>

jihchi 08:55:54
https://twitter.com/thejameskyle/status/872474885775163392

JavaScript’s new #private class fields: What they are, how they work, and why they are the way they are

twitter

JavaScript’s new #private class fields: What they are, how they work, and why they are the way they are <https://medium.com/the-thinkmill/javascripts-new-private-class-fields-93106e37647a>

jihchi 08:56:33
https://twitter.com/jaredcobb/status/872192437350957056

Front end development in a nutshell...

#javascript #angularjs #reactjs #VueJS #backbone #webdev

twitter

Front end development in a nutshell... #javascript #angularjs #reactjs #VueJS #backbone #webdev

jihchi 08:59:20
https://twitter.com/mikeal/status/872578292351508480

We looked at the data, docs are the most important thing, here's how you can improve them in your project.

twitter

We looked at the data, docs are the most important thing, here's how you can improve them in your project. <https://medium.com/@mikeal/docs-docs-docs-1e06d17fa06f>

jihchi 09:02:53
https://twitter.com/masteringvim/status/872536296564166658

太有趣了!竟然 patch 教人如何離開 Vim。讀了才發現,並不是 :q! 這麼簡單⋯

twitter

patch 8.0.0609: some people still don't know how to quit Vim :) <https://github.com/vim/vim/commit/28a8193e3113f676f89fb6312b099d849df881d3>

ralflin 10:21:19
@ralflin has joined the channel
bebeboboha 14:55:13
@bebeboboha has joined the channel
joseph2068 18:02:29
@joseph2068 has joined the channel
chris_wang 18:12:44
@chris_wang has joined the channel
jihchi 19:01:29
https://twitter.com/mattpodwysocki/status/872644528083226625

twitter

If you're going to teach functional programming, have them start with imperative code. Good stuff from <https://twitter.com/bahmutov|@bahmutov> <https://glebbahmutov.com/blog/how-to-draw-an-owl/>

2017-06-09

jihchi 08:44:08
https://twitter.com/chanezon/status/872568475541159936

http://github.com/containerd/con|github.com/containerd/con… "This means that different users, such as SwarmKit, K8s, Docker and others can use containerd without coordination"

twitter

<https://github.com/containerd/containerd/pull/963> "This means that different users, such as SwarmKit, K8s, Docker and others can use containerd without coordination"

jihchi 08:46:38
https://twitter.com/rvagg/status/872773786948354048

Hot off the compilers, @nodejs 8.1.0 available now @ http://nodejs.org/en/blog/releas|nodejs.org/en/blog/releas…, new npm &amp; libuv + some sweet fixes

twitter

Hot off the compilers, <https://twitter.com/nodejs|@nodejs> 8.1.0 available now @ <https://nodejs.org/en/blog/release/v8.1.0/>, new npm &amp; libuv + some sweet fixes

jihchi 08:49:26
https://twitter.com/code/status/872934501785022464

It's that time - enjoy the @code May update. Rolling out now, download http://code.visualstudio.com/download|code.visualstudio.com/download. See what's new: http://code.visualstudio.com/updates/v1_13|code.visualstudio.com/updates/v1_13

twitter

It's that time - enjoy the <https://twitter.com/code|@code> May update. Rolling out now, download <http://code.visualstudio.com/download>. See what's new: <http://code.visualstudio.com/updates/v1_13> <https://pbs.twimg.com/media/DB1IuogUIAE_vYO.jpg>

mrorz 11:04:22
jihchi: explorer 裡各種 icon 眼花撩亂 XD
jihchi 12:09:47
精美~
jihchi 08:52:37
https://twitter.com/mweststrate/status/872872085491679232

Very interesting way of organizing #mobx @reactjs applications: mobdux:

twitter

Very interesting way of organizing #mobx <https://twitter.com/reactjs|@reactjs> applications: mobdux: <https://medium.com/@cameronfletcher92/mobdux-combining-the-good-parts-of-mobx-and-redux-61bac90ee448>

jihchi 19:01:16
https://medium.com/@faceyspacey/code-cracked-for-code-splitting-ssr-in-reactlandia-react-loadable-webpack-flush-chunks-and-1a6b0112a8b8

Medium

Code Cracked for Code-Splitting + SSR in Reactlandia: React Loadable + Webpack Flush Chunks and…

The code has been cracked for a long time now for server-side rendering and code-splitting individually. Until now — bar Next.js — there…

2017-06-10

jihchi 23:59:59
https://github.com/alexpate/awesome-design-systems

GitHub

alexpate/awesome-design-systems

awesome-design-systems - :nail_care::skin-tone-2: :hammer_and_pick: A collection of awesome design systems

2017-06-11

jihchi 00:00:52
https://github.com/creativetimofficial/now-ui-kit

GitHub

creativetimofficial/now-ui-kit

now-ui-kit - Now UI Kit Bootstrap 4 - Designed by Invision. Coded by Creative Tim

jihchi 00:01:52
vscode 的 vim multi-cursor mode 蠻 buggy 的 ..
mrorz 02:08:31
我 vscode 是用 vimStyle
然後沒在用 vim multi-cursor mode
jihchi 16:36:22
我是用 Welcome 頁的 Vim ( https://marketplace.visualstudio.com/items?itemName=vscodevim.vim ),功能蠻多的

marketplace.visualstudio.com

Vim - Visual Studio Marketplace

Extension for Visual Studio Code - Vim emulation for Visual Studio Code

2017-06-12

jihchi 08:46:34
https://twitter.com/bobzhang1988/status/873209497287876608

I will be more focused on BuckleScript and @reasonml since next month, lets push a real world functional language into mainstream together!

twitter

I will be more focused on BuckleScript and <https://twitter.com/reasonml|@reasonml> since next month, lets push a real world functional language into mainstream together!

jihchi 08:48:43
https://twitter.com/sebmck/status/873958247304232961

Yarn tip: You can alias a package by using `yarn add fake-name@npm:left-pad`. Now you can use `require("fake-name")` to require left-pad.

Notice: yarn only

twitter

Yarn tip: You can alias a package by using `yarn add fake-name@npm:left-pad`. Now you can use `require("fake-name")` to require left-pad. <https://pbs.twimg.com/media/DCDsCxJV0AAXOiV.jpg>

jihchi 08:49:25
https://twitter.com/rauschma/status/873287065936568320

twitter

['a',,'c'] Node: [ 'a', &lt;1 empty item&gt;, 'c' ] Chrome: ["a", undefined × 1, "c"] FF: [ "a", &lt;1 empty slot&gt;, "c" ] Safari: ["a", 2: "c"]

jihchi 08:50:51
https://twitter.com/housecor/status/873714902887800832

twitter

Here's a compelling approach to organizing your React apps: tldr: Hierarchy of specificity. <http://buff.ly/2r66bF3> #reactjs

jihchi 08:51:19
https://twitter.com/housecor/status/873536983468998657

twitter

React encourages you to think in terms of pure functions. That's a good thing. Here's why: <http://buff.ly/2sox9vn> #reactjs

jihchi 08:55:47
https://twitter.com/thelarkinn/status/873636015780413441

twitter

Hey #webpack #javascript: if u haven't used hard-source-webpack-plugin now's the time. These new changes should rly help build speed perf,:fire: <https://twitter.com/zofgames/status/873633577187115008>

twitter

Published hard-source-webpack-plugin v0.4.0 <https://github.com/mzgoddard/hard-source-webpack-plugin/blob/master/CHANGELOG.md#040> with low level resolver cache, default options, and way to replace lvldb

Michael Hsu 21:54:56
https://twitter.com/geteslint/status/874081043522887680

twitter

We're excited to announce that ESLint v4.0.0 has been released! <http://eslint.org/blog/2017/06/eslint-v4.0.0-released>

jihchi 23:23:26
https://github.com/berzerk0/Probable-Wordlists

GitHub

berzerk0/Probable-Wordlists

Probable-Wordlists - Wordlists sorted by probability originally created for password generation and testing

jihchi 23:24:42
https://github.com/amark/gun

GitHub

amark/gun

gun - A realtime, decentralized, offline-first, graph database engine.

jihchi 23:25:14
https://github.com/veltman/flubber

GitHub

veltman/flubber

flubber - Tools for smoother shape animations.

jihchi 23:26:32
https://naver.github.io/billboard.js/

naver.github.io

billboard.js

Re-usable easy interface JavaScript chart library, based on D3 v4+

2017-06-13

mark 03:28:38
@mark has joined the channel
jihchi 08:52:35
https://twitter.com/reasonml/status/874408726957932544

New ReasonReact version released! http://reasonml.github.io/reason-react/|reasonml.github.io/reason-react/

twitter

New ReasonReact version released! <https://reasonml.github.io/reason-react/>

jihchi 08:53:03
https://twitter.com/am_i_tom/status/874351229991886848

#fantasyland 16 is out! Extend: dragon slaying, rebuilding React, weather analysis, and a LOT of sneaky peeking! :) http://tomharding.me/2017/06/12/fan|tomharding.me/2017/06/12/fan

twitter

#fantasyland 16 is out! Extend: dragon slaying, rebuilding React, weather analysis, and a LOT of sneaky peeking! :) <http://www.tomharding.me/2017/06/12/fantas-eel-and-specification-16/>

jihchi 08:56:54
https://twitter.com/housecor/status/874261781086130177

#fantasyland 16 is out! Extend: dragon slaying, rebuilding React, weather analysis, and a LOT of sneaky peeking! :) http://tomharding.me/2017/06/12/fan|tomharding.me/2017/06/12/fan

twitter

Great short post: React State vs. Redux State: When and Why? <http://buff.ly/2rNQYLM> #reactjs

2017-06-14

jihchi 08:43:34
https://twitter.com/reactjs/status/874766857793712129

We just released React 15.6.0. Enjoy some bug fixes and improvements to warnings. Thanks to all contributors!

twitter

We just released React 15.6.0. Enjoy some bug fixes and improvements to warnings. Thanks to all contributors! <https://facebook.github.io/react/blog/2017/06/13/react-v15.6.0.html>

jihchi 08:47:54
https://twitter.com/_chenglou/status/874752000549937153

I just published “Cool Things Reason Formatter Does” http://medium.com/p/cool-things-|medium.com/p/cool-things-

twitter

I just published “Cool Things Reason Formatter Does” <https://medium.com/p/cool-things-reason-formatter-does-9e1f79e25a82>

jihchi 08:49:12
https://twitter.com/samccone/status/874687075269738496

I just published “Cool Things Reason Formatter Does” http://medium.com/p/cool-things-|medium.com/p/cool-things-

twitter

yarn add chrome-launcher const chrome = await require('chrome-launcher').launch(); await chrome.kill(); <https://github.com/GoogleChrome/lighthouse/tree/master/chrome-launcher> :star2: \o/ :star2:

jihchi 08:51:14
https://twitter.com/thekitze/status/874584471835639808

I just published “Cool Things Reason Formatter Does” http://medium.com/p/cool-things-|medium.com/p/cool-things-

twitter

I just published “:zap: From React to an Electron app ready for production” <https://medium.com/p/%EF%B8%8F-from-react-to-an-electron-app-ready-for-production-a0468ecb1da3>

jihchi 18:46:05
奇怪,我內文應該沒有拷貝錯誤才對⋯⋯
jihchi 18:48:34
https://twitter.com/thelarkinn/status/874802611052064769

:rotating_light::fire:How to use #webpack "magic comments"! Thanks @faceyspacey for submitting to our publication. RT!! :heart_eyes::fire: #javascript

twitter

:rotating_light::fire:How to use #webpack "magic comments"! Thanks <https://twitter.com/faceyspacey|@faceyspacey> for submitting to our publication. RT!! :heart_eyes::fire: #javascript <https://medium.com/webpack/how-to-use-webpacks-new-magic-comment-feature-with-react-universal-component-ssr-a38fd3e296a>

jihchi 18:49:13
https://twitter.com/bahmutov/status/874868648468467720

“TDD? Waste of time!” by ReactiveConf http://blog.reactiveconf.com/tdd-waste-of-t|blog.reactiveconf.com/tdd-waste-of-t… - not sure I agree, but the testing icecream cone looks delicious

twitter

“TDD? Waste of time!” by ReactiveConf <https://blog.reactiveconf.com/tdd-waste-of-time-7bf5a84ce9b6> - not sure I agree, but the testing icecream cone looks delicious

jihchi 18:49:54
https://twitter.com/kurtiskemple/status/874620403452436480

I just published - “Implementing GraphQL at Major League Soccer”

twitter

I just published - “Implementing GraphQL at Major League Soccer” <https://labs.mlssoccer.com/implementing-graphql-at-major-league-soccer-ff0a002b20ca>

jihchi 18:54:27
https://twitter.com/lukeed05/status/874393730609848320

Just published! :tada: CLI parser that's 2.5x faster than minimist &amp; 20x faster than yargs-parser! Perfect for basic use:

twitter

Just published! :tada: CLI parser that's 2.5x faster than minimist &amp; 20x faster than yargs-parser! Perfect for basic use: <https://github.com/lukeed/mri#comparisons>

2017-06-15

jihchi 08:49:06
https://twitter.com/linclark/status/875018155235708929

That's part 2 of a 3-part series.

Part 1—A crash course in memory management: http://hacks.mozilla.org/2017/06/a-cras|hacks.mozilla.org/2017/06/a-cras

twitter

That's part 2 of a 3-part series. Part 1—A crash course in memory management: <https://hacks.mozilla.org/2017/06/a-crash-course-in-memory-management/> <https://pbs.twimg.com/media/DCSwUGWW0AAASa9.jpg>

jihchi 08:49:22
https://twitter.com/linclark/status/875018430914670592

Part 2—A cartoon intro to ArrayBuffers and SharedArrayBuffers: http://hacks.mozilla.org/2017/06/a-cart|hacks.mozilla.org/2017/06/a-cart

twitter

Part 2—A cartoon intro to ArrayBuffers and SharedArrayBuffers: <https://hacks.mozilla.org/2017/06/a-cartoon-intro-to-arraybuffers-and-sharedarraybuffers/> <https://pbs.twimg.com/media/DCSwmY0XkAAeXCR.jpg>

jihchi 08:49:37
https://twitter.com/linclark/status/875018720741085184

Part 3—Avoiding race conditions in SharedArrayBuffers with Atomics: http://hacks.mozilla.org/2017/06/avoidi|hacks.mozilla.org/2017/06/avoidi

twitter

Part 3—Avoiding race conditions in SharedArrayBuffers with Atomics: <https://hacks.mozilla.org/2017/06/avoiding-race-conditions-in-sharedarraybuffers-with-atomics/> <https://pbs.twimg.com/media/DCSw27-W0AA4M8f.jpg>

jihchi 08:51:12
https://twitter.com/logrocketjs/status/874996023206313984

Recreating the Chrome Console in React using react-virtualized @brian_d_vaughn #ReactJS #Redux

twitter

Recreating the Chrome Console in React using react-virtualized <https://twitter.com/brian_d_vaughn|@brian_d_vaughn> #ReactJS #Redux <https://blog.logrocket.com/recreating-the-chrome-console-in-react-123d6c4aa930>

jihchi 08:52:38
https://twitter.com/thelarkinn/status/875116181056667648

Recreating the Chrome Console in React using react-virtualized @brian_d_vaughn #ReactJS #Redux

twitter

:fire::fire::heart_eyes: #webpack@3.0.0-rc.2 has been released!!! Hot off the presses needing YOUR HELP reporting :bug:s. Getting very close! #JavaScipt RT RT RT :heart_eyes::fire::fire: <https://pbs.twimg.com/media/DCUJhSNVwAEHUCX.jpg>

jihchi 08:54:52
https://twitter.com/ebidel/status/875009383142313984

“Automated testing with Headless Chrome” - http://developers.google.com/web/updates/20|developers.google.com/web/updates/20

Karma, Mocha+Chai, Headless, oh my! …and Travis.

twitter

“Automated testing with Headless Chrome” - <https://developers.google.com/web/updates/2017/06/headless-karma-mocha-chai> Karma, Mocha+Chai, Headless, oh my! …and Travis.

jihchi 08:56:08
https://twitter.com/ryanflorence/status/875110435615236096

Just published the "Philosophy" guide for React Router. Read it if routes as components still got you :thinking_face:

http://reacttraining.com/react-router/w|reacttraining.com/react-router/w

twitter

Just published the "Philosophy" guide for React Router. Read it if routes as components still got you :thinking_face: <https://reacttraining.com/react-router/web/guides/philosophy>

jihchi 08:58:30
https://twitter.com/postcss/status/875088068377817089

Prettier 1.4 supports CSS by PostCSS. Facebook now uses PostCSS for lint (Stylelint) and format CSS (Prettier).
http://github.com/prettier/prett|github.com/prettier/prett

twitter

Prettier 1.4 supports CSS by PostCSS. Facebook now uses PostCSS for lint (Stylelint) and format CSS (Prettier). <https://github.com/prettier/prettier/releases/tag/1.4.0> <https://pbs.twimg.com/media/DCTv9WbWAAAeEZ2.jpg>

Michael Hsu 09:03:27
https://twitter.com/BenLesh/status/875116904595062784
RxJS 6.0.0-alpha.0 has been published as well.

twitter

... and for the crazy brave, (looking at you Paul Taylor): #RxJS 6.0.0-alpha.0 has been published as well. <https://github.com/ReactiveX/rxjs/blob/next/CHANGELOG.md#600-alpha0-2017-06-14>

jihchi 22:26:09
https://twitter.com/_philpl/status/875281868723286016

styled-components 2.1 is out with (slightly experimental) support for react-primitives :nail_care::tada: http://github.com/styled-compone|github.com/styled-compone… cc @jongold

twitter

styled-components 2.1 is out with (slightly experimental) support for react-primitives :nail_care::tada: <https://github.com/styled-components/styled-components/releases/tag/v2.1.0> cc <https://twitter.com/jongold|@jongold>

jihchi 22:27:39
https://twitter.com/mweststrate/status/875293153762451456

Fusebox looks so promising and clean. Any real life experiences?

twitter

Fusebox looks so promising and clean. Any real life experiences? <https://www.sitepoint.com/fusebox-faster-webpack-alternative/>

jihchi 22:30:08
https://twitter.com/mikaelbrevik/status/875248913187577856

Fusebox looks so promising and clean. Any real life experiences?

twitter

Cool maze generator written in <https://twitter.com/reasonml|@reasonml> by <https://twitter.com/jaredforsyth|@jaredforsyth>: <http://jaredforsyth.com/reason-maze/#WyJUcmlhbmdsZSIsIkJGUyIsWzE5Niw1MF0sWzcsMTAwXSxbMSwyMF0sMTUsMzAsODIwXQ==> (<https://github.com/jaredly/reason-maze>) <https://pbs.twimg.com/media/DCWCOxHWAAA2-QT.jpg>

jihchi 22:32:11
https://twitter.com/sharifsbeat/status/875332107962376192

Just released Revalidation - A Higher Order Component for Stateless Functional Component Forms in React.
http://revalidation.oss.25th-floor.com|revalidation.oss.25th-floor.com

twitter

Just released Revalidation - A Higher Order Component for Stateless Functional Component Forms in React. <http://revalidation.oss.25th-floor.com/>

yhsiang 23:37:38
https://stackoverflow.blog/2017/06/15/developers-use-spaces-make-money-use-tabs 該改用 space 啦

Stack Overflow Blog

Developers who use spaces make more money than those who use tabs - Stack Overflow Blog

Do you use tabs or spaces for code indentation?

mrorz 10:41:09
yhsiang: `p-value < 10^-10`
這 p 值比我看過的任何 paper 裡的都還要小
yhsiang 11:29:43
:joy::joy::joy:
yhsiang 23:37:44
雖然我本來就是 space 派 XDD
jihchi 23:39:13
https://github.com/facebook/react/releases/tag/v15.6.1

GitHub

facebook/react

react - A declarative, efficient, and flexible JavaScript library for building user interfaces.

jihchi 23:39:29
https://github.com/nodejs/node/releases/tag/v8.1.2

GitHub

nodejs/node

node - Node.js JavaScript runtime :sparkles::turtle::rocket::sparkles:

jihchi 23:44:03
https://github.com/robinmoisson/staticrypt

GitHub

robinmoisson/staticrypt

staticrypt - Password protect a static HTML page

2017-06-16

mofas 07:44:36
https://twitter.com/airbnbeng/status/875449936619253760

twitter

Learn about how we greatly improved test performance and developer experience with our recent migration to #jest! <http://abnb.co/3t5c>

jihchi 08:18:56
@mofas 真早
jihchi 08:52:29
https://twitter.com/thejameskyle/status/875409750988513280

dear god...

twitter

dear god... <https://pbs.twimg.com/media/DCYUgcBUQAArXM3.jpg>

mrorz 10:45:26
sass @extend ~
jihchi 10:46:09
XD
jihchi 08:55:14
https://twitter.com/thejameskyle/status/875488268338446336

React Loadable 4.0
http://thejameskyle.com/react-loadable|thejameskyle.com/react-loadable

twitter

React Loadable 4.0 <http://thejameskyle.com/react-loadable-4.html> <https://pbs.twimg.com/media/DCZb7JAXkAMVFzy.jpg>

mofas 16:25:19
原來 Y-combinator 可以再縮寫成這樣 FIX = f => (x => f(y => x(x)(y)))(x => f(y => x(x)(y)))
yhsiang 20:44:51
XD
mofas 22:28:39
https://twitter.com/yarnpkg/status/875710096231321600

twitter

See the number of monthly package downloads through Yarn on our new stats page. :star2::cat2: <https://stats.yarnpkg.com/> <https://twitter.com/sebmck/status/875709367395471360>

twitter

Me and <https://twitter.com/cpojer|@cpojer> made a <https://twitter.com/yarnpkg|@yarnpkg> page that shows yarn download stats! Check it out! :cat2::package: <https://stats.yarnpkg.com/>

2017-06-17

mofas 01:20:16
https://twitter.com/dan_abramov/status/875715680447942657

twitter

Debugging tip: console.log(new Error().stack) to log the current stack. Useful for debugging an unexpected code path. <https://pbs.twimg.com/media/DCcqkMXUMAQdG7X.jpg>

mofas 11:14:30
https://twitter.com/TheLarkInn/status/875824749078695936

twitter

:fire::fire:Some folks (this is #angular app) have mentioned their app execution time be 50% faster with #webpack 3.0.0-rc2 OMGGG. 50% cc <https://twitter.com/addyosmani|@addyosmani> <https://twitter.com/olore/status/875799980862210048>

twitter

#webpack 2 vs. webpack 3rc2.. On the bright side, I've seen the execution time from v2-&gt;v3 be up to 50% faster <https://twitter.com/helgevold|@helgevold> <https://twitter.com/TheLarkInn|@TheLarkInn> <https://pbs.twimg.com/media/DCd2r7jUwAEDjJz.jpg>

mofas 11:16:03
但+15k 到底是為啥呢
mofas 11:17:28
照理說 module boilerplate 應該會少一點
mofas 12:46:58
@jihchi 你CRA要不要加一下這個 https://www.npmjs.com/package/babel-plugin-root-import

npm

babel-plugin-root-import

Babel Plugin to enable relative root-import

mofas 12:47:11
這樣就不需要搞node_module 的hack
mrorz 15:34:26
mofas:讓我來在各個專案試用看看
jihchi 16:37:57
建議是用 node 原生的 `NODE_PATH=./src`
mofas 18:37:59
babel plugin 我覺得解得更漂亮呀
jihchi 18:39:25
editor 的 eslint 就要有相對的支援才行
mrorz