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

1

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>

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

看了半天還是無法理解 hoisting 會如何影響 determinism QQ
看起來 yarn.lock 比 npm5 的 package-lock.json 還多了 dependencies 吧
package-lock.json 完全就是 hoist 過的 list of dependencies + versions 而已?
剛看到某個 twitte 寫 yarn.lock lightwight,package-lock.json reliable
我還沒看這篇 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>

👍 2

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

天啊我剛好正有個專案需要 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

這有 vim mode 嗎(慢著
發現打中文會變成問號
試用之後覺得不好用 …
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>

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:

原來可以用 JS 給 CSS variable 賦值!!
> 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
不過整篇文讓我學到不少,css custom property 真的完全與過去的 preprocessor variables 強超級無敵多。
👍
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>

挺有創意的
但果可以我還是考慮 syntax 解 lol
通常要用時候更複雜,我現在就都改用 IIFE
對耶這樣就不用 do expression
我之前是用 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
👍 3 💯 1
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
👍
jihchi 18:02:02
stable 59

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

只有我在用 Canary 嗎 xd
我也有用,備用

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.
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: 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: 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

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 @ nodejs.org/en/blog/releas…, new npm & 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 code.visualstudio.com/download. See what's new: 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>

jihchi: explorer 裡各種 icon 眼花撩亂 XD
精美~
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! 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! :) 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! :) 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” 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” 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” 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

🚨🔥How to use #webpack "magic comments"! Thanks @faceyspacey for submitting to our publication. RT!! 😍🔥 #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 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! 🎉 CLI parser that's 2.5x faster than minimist & 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: 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: 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: 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” - 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 🤔

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).
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>

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

styled-components 2.1 is out with (slightly experimental) support for react-primitives 💅🎉 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.
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?

yhsiang: `p-value < 10^-10`
這 p 值比我看過的任何 paper 裡的都還要小
😂😂😂
yhsiang 23:37:44
雖然我本來就是 space 派 XDD
➕ 1
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.