Slack archive

frontend-tech

Month: 2017-08

2017-08-01

jihchi 18:45:56
https://twitter.com/dan_abramov/status/892313012966760448

Cool post from @JimPurbrick about testing optimistic consistency in replicated Redux with property based tests. jimpurbrick.com/2017/07/31/tes…

twitter

Cool post from <https://twitter.com/JimPurbrick|@JimPurbrick> about testing optimistic consistency in replicated Redux with property based tests. <http://jimpurbrick.com/2017/07/31/testing-replicated-redux/>

jihchi 18:46:24
https://twitter.com/thekitze/status/891630459112837120

Bundlephobia - the fear of installing a massive npm module.

I started checking all of my modules before installing👉 cost-of-modules.herokuapp.com

twitter

Bundlephobia - the fear of installing a massive npm module. I started checking all of my modules before installing:point_right: <http://cost-of-modules.herokuapp.com/>

jihchi 20:44:59
https://cost-of-modules.herokuapp.com/?p=rxjs@5.4.2

What does my npm module cost?

What is the cost of my npm module ?

Find out the performance impact of adding a npm module to your build.

mofas 23:28:00
https://twitter.com/thelarkinn/status/892071403238850560

twitter

:rotating_light: :rotating_light: I just published: "#webpack awarded $125,000 from MOSS Program" <https://twitter.com/mozilla|@mozilla> <https://twitter.com/mozhacks|@mozhacks> #javascript #webassembly <https://medium.com/webpack/webpack-awarded-125-000-from-moss-program-f63eeaaf4e15>

2017-08-02

Nicolas 00:55:01
@niwolive has joined the channel
jihchi 08:49:08
https://twitter.com/andrestaltz/status/892395537315631104

Announcing
react-native-node

A tool I built to get the http, fs, udp, and everything on npm to work in RN. github.com/staltz/react-n…

twitter

Announcing react-native-node A tool I built to get the http, fs, udp, and everything on npm to work in RN. <https://github.com/staltz/react-native-node> <https://pbs.twimg.com/media/DGJs5SXXYAALVPP.jpg>

jihchi 08:49:58
https://twitter.com/mikaelbrevik/status/892382648940867584

Quick tip on how to take full size screenshots using Chrome DevTools (after Chrome 59).

twitter

Quick tip on how to take full size screenshots using Chrome DevTools (after Chrome 59).

jihchi 08:51:53
https://twitter.com/mylesborins/status/892482115685801984

🎉🎉🎉

V8 6.0 has landed on @nodejs master and a backport PR has been opened for 8.x

github.com/nodejs/node/co…

github.com/nodejs/node/pu…

🎉🎉🎉

twitter

:tada::tada::tada: V8 6.0 has landed on <https://twitter.com/nodejs|@nodejs> master and a backport PR has been opened for 8.x <https://github.com/nodejs/node/compare/1782b3836ba58ef0da6b687f2bb970c0bd8199ad...98ddab411523f83eca9b5311529f8288379e550f> <https://github.com/nodejs/node/pull/14574> :tada::tada::tada:

jihchi 08:57:46
https://twitter.com/tkadlec/status/892419141369573376

Really dig this! @code extension showing how much code you're pulling in when you import a package from @WixEng marketplace.visualstudio.com/items?itemName…

twitter

Really dig this! <https://twitter.com/code|@code> extension showing how much code you're pulling in when you import a package from <https://twitter.com/WixEng|@WixEng> <https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost> <https://pbs.twimg.com/media/DGKCQDhVoAAUFnO.jpg>

jihchi 09:15:24
Twitter 上的 Robert Pankowecki："Hey @SlackHQ . Is that true? Are you using development version of @reactjs in production? #js #reactjs #react https://t.co/p5PzDI0BXu"
https://mobile.twitter.com/pankowecki/status/892294002040594434

twitter

Hey <https://twitter.com/SlackHQ|@SlackHQ> . Is that true? Are you using development version of <https://twitter.com/reactjs|@reactjs> in production? #js #reactjs #react <https://pbs.twimg.com/media/DGIQaU1WAAAumZ8.jpg>

jihchi 09:17:18
Twitter 上的 Oscar Bolmsten："@kentcdodds Hi Kent, it looks like this npm package is stealing env variables on install, using your cross-env package as bait: https://t.co/REsRG8Exsx"
https://mobile.twitter.com/o_cee/status/892306836199800836

---

cross-env v.s. crossenv

twitter

<https://twitter.com/kentcdodds|@kentcdodds> Hi Kent, it looks like this npm package is stealing env variables on install, using your cross-env package as bait: <https://pbs.twimg.com/media/DGIcUNyXsAAY1Jf.jpg>

😨 1
jihchi 09:31:31
RFC: Default Package Control Channel and Package Telemetry - General Discussion - Sublime Forum
https://forum.sublimetext.com/t/rfc-default-package-control-channel-and-package-telemetry/30157

Sublime Forum

RFC: Default Package Control Channel and Package Telemetry

Recently @gerry pointed out that it appears the third most popular package in the Package Control default channel is apparently sending data to the startup Kite: <https://twitter.com/gerardroche/status/891802572373319680> <https://packagecontrol.io/browse/popular> <https://packagecontrol.io/packages/SideBarEnhancements> <https://github.com/SideBarEnhancements-org/SideBarEnhancements/blob/1858330b71b682ec1f3265bd280dde65465bdf18/Stats.py#L157> <https://github.com/kiteco/kite-installer/blob/02b55e5e18c0>...

jihchi 21:14:15
https://github.com/americanexpress/jest-image-snapshot

GitHub

americanexpress/jest-image-snapshot

jest-image-snapshot - Jest matcher that performs image comparisons using Blink-diff and behaves just like Jest snapshots do! Very useful for browser visual comparison testing.

2017-08-03

jihchi 18:55:58
https://twitter.com/bmeurer/status/892291402536808449

twitter

So today we figured out that the parsing ambiguities around arrow functions can lead to quite surprising results if you're not careful. :thinking_face::upside_down_face: <https://pbs.twimg.com/media/DGIOGi7XgAAQbOQ.jpg>

I see nothing wrong there. The `undefined` you're getting is just how the REPL deals with assignments, and has nothing to do with your f or g functions or the fact you used `=>` to write them.
jihchi 21:27:06
https://github.com/bokub/chalk-animation

GitHub

bokub/chalk-animation

chalk-animation - :clapper: Colorful animations in terminal stdout

2017-08-04

mofas 05:57:55
https://twitter.com/yarnpkg/status/893180250816905218

twitter

Library author or monorepo maintainer looking to simplify dependency management? Yarn's workspaces feature is here! <https://yarnpkg.com/blog/2017/08/02/introducing-workspaces/>

讚讚。之前試了一下，連 node_module 都不需要，不像 lerna 用 link
mofas 05:59:14
@jihchi dash 可以整ㄧ下啦
2
jihchi 08:58:07
https://twitter.com/yassineelouafi2/status/893163587979685889

I wrote a little demo to find out how virtual dom libs rearrange nodes in diffs codesandbox.io/s/BkLpXYQn

twitter

I wrote a little demo to find out how virtual dom libs rearrange nodes in diffs <https://codesandbox.io/s/BkLpXYQn> <https://pbs.twimg.com/media/DGUnhDDUwAAfYbL.jpg>

jihchi 09:03:43
https://twitter.com/jlongster/status/893158741494902784

I got hot reloading working with create-react-app, but don't tell Dan because I'm afraid he'll disable it... (needs webpack's internals)

twitter

I got hot reloading working with create-react-app, but don't tell Dan because I'm afraid he'll disable it... (needs webpack's internals)

jihchi 09:32:28
https://mesosphere.com/blog/docker-vs-kubernetes-vs-apache-mesos/

很不錯的介紹文，讓你了解 Docker v.s. K8S v.s. Mesos 的差別

Mesosphere

Docker vs. Kubernetes vs. Apache Mesos: Why What You Think You Know is Probably Wrong - Mesosphere

There are countless articles, discussions, and lots of social chatter comparing Docker,...

2017-08-05

jihchi 19:01:11
https://twitter.com/igrigorik/status/893574202472644608

twitter

Rendering on Google Search: <http://bit.ly/2wffmpL> - web rendering is based on Chrome 41; use feature detection, polyfills, and log errors! <https://pbs.twimg.com/media/DGacckcVoAAPpTr.jpg>

1

2017-08-06

jihchi 21:31:42
https://github.com/zcreativelabs/react-simple-maps

GitHub

zcreativelabs/react-simple-maps

react-simple-maps - An svg map component built with and for React

2017-08-07

2017-08-08

2017-08-09

jihchi 08:43:43
https://twitter.com/arunoda/status/894967178394353664

@mrorz

twitter

Next.js 3.0 is now available for all :100: <https://twitter.com/zeithq/status/894937579694325760>

twitter

Next.js 3.0 <https://zeit.co/blog/next3>

看起來沒啥 breaking change，晚上就來幫 rumors-site 升~
oh yeah~~~~
jihchi 08:44:53
https://twitter.com/atomeditor/status/894958841942560768

Atom v1.19 and v1.20-beta have been released. New architectural changes available now. See the blog post for details blog.atom.io/2017/08/08/ato…

twitter

Atom v1.19 and v1.20-beta have been released. New architectural changes available now. See the blog post for details <http://blog.atom.io/2017/08/08/atom-1-19.html> <https://pbs.twimg.com/media/DGuIQPFUIAEzK0F.jpg>

jihchi 08:48:08
https://twitter.com/wsokra/status/894843792175616000

Yeah a bunch of new features and many bugfixes for webpack 3.5.0.

If you had problems with Scope Hoisting it's worth trying again.

twitter

Yeah a bunch of new features and many bugfixes for webpack 3.5.0. If you had problems with Scope Hoisting it's worth trying again. <https://pbs.twimg.com/media/DGsfbvqXkAAJO7N.jpg>

jihchi 08:49:03
https://twitter.com/kentcdodds/status/894980156670038016

🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️

npm install downshift@rc

First release candidate released! Please try it out! github.com/paypal/downshi…

:racing_car:🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️🏎️

twitter

:racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car: npm install downshift@rc First release candidate released! Please try it out! <https://github.com/paypal/downshift/issues/1#issuecomment-321030817> :racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car:

這做法真妙，塞一堆 props 然後所有邏輯都在裡頭 XD
有人用過 Compound components 的概念來做東西嗎～？
這種 API design 問 @mofas 有感
不過這種對複雜的 component 來說，consumer 可能會很痛苦..
jihchi 08:53:49
https://twitter.com/yusinto/status/892191823740850176

cpp code in js via @webpack and @webassembly! @TheLarkInn @linclark #webpack @mozilla medium.com/webpack/webpac…

twitter

cpp code in js via <https://twitter.com/webpack|@webpack> and <https://twitter.com/webassembly|@webassembly>! <https://twitter.com/TheLarkInn|@TheLarkInn> <https://twitter.com/linclark|@linclark> #webpack <https://twitter.com/mozilla|@mozilla> <https://medium.com/webpack/webpack-awarded-125-000-from-moss-program-f63eeaaf4e15> <https://pbs.twimg.com/media/DGGywzUUQAAcG1j.jpg>

jihchi 13:01:34
https://github.com/facebookincubator/create-react-app/releases/tag/v1.0.11

GitHub

facebookincubator/create-react-app

create-react-app - Create React apps with no build configuration.

mrorz 14:21:55
這做法真妙，塞一堆 props 然後所有邏輯都在裡頭 XD
有人用過 Compound components 的概念來做東西嗎～？
mrorz 14:21:55

<https://twitter.com/kentcdodds/status/894980156670038016> :racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car: npm install downshift@rc First release candidate released! Please try it out! <http://github.com/paypal/downshi|github.com/paypal/downshi>… :racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car::racing_car:

這做法真妙，塞一堆 props 然後所有邏輯都在裡頭 XD 有人用過 Compound components 的概念來做東西嗎～？

jihchi 17:49:33
https://github.com/Mitranim/posterus

GitHub

Mitranim/posterus

posterus - Composable async primitives (futures) with true cancelation, control over scheduling, and coroutines

jihchi 17:49:59
WHY ??? >> https://github.com/Mitranim/posterus#why

GitHub

Mitranim/posterus

posterus - Composable async primitives (futures) with true cancelation, control over scheduling, and coroutines

fetch() 那裡在 promise cancellation 爆炸之後，有點轉向 observable
https://github.com/whatwg/fetch/issues/27
BTW cancelable promise proposal withdrawn 的討論串：https://github.com/tc39/proposal-cancelable-promises/issues/70#issuecomment-267417532
jihchi 23:29:28
https://github.com/sghall/resonance

GitHub

sghall/resonance

resonance - :cyclone: Resonance | Data-driven transitions in React

2017-08-10

jihchi 09:27:28
https://intoli.com//blog/making-chrome-headless-undetectable/

intoli.com

Making Chrome Headless Undetectable

Using MitmProxy and injected JavaScript feature mocks to bypass Headless Chrome detection tests.

jihchi 10:06:22
https://medium.com/@yoshuawuyts/choo-v6-6e494267b57e

Medium

choo-v6 – Yoshua Wuyts – Medium

Heya :wave:, today we’re releasing choo v6.0.0. After 5 release candidates, we're happy to finally share it with the world. We're also happy to share create-choo-app, <http://github.com/choojs|github.com/choojs>, and nanocomponent…

用 ms 根本感覺不出來差異啊..
他可以 diff virtual dom v.s. real dom 我覺得很有趣
所以 framework 這裡可以出 virtual dom
來跟 real dom 比較
不過老實講這樣沒有解決到第三方 library 變更 dom 的問題
因為只要 framework 沒有 aware of dom change
framework 只要一 re-render 就會把第三方 library 所改的 dom 給整個替代掉
所以雖然 https://github.com/patrick-steele-idem/morphdom#what-about-the-virtual-dom 這裡，把下面這點列為 virtual dom 的缺點：
> The real DOM cannot be modified behind the scenes (e.g., no jQuery) because the diff is done against the virtual DOM tree

他其實沒有指出，使用了 morphdom 的 UI framework 其實也無法直接處理這個問題
這不是二擇一嗎..
jihchi 18:46:34
Node v8.3.0 (Current) | Node.js
https://nodejs.org/en/blog/release/v8.3.0/

The V8 engine has been upgraded to version 6.0, which has a significantly changed performance profile. #14574

2017-08-11

jihchi 08:42:26
https://twitter.com/code/status/895691105752281089

Lots to share in the @code July update! Download: code.visualstudio.com/download. See what's new: code.visualstudio.com/updates/v1_15.

twitter

Lots to share in the <https://twitter.com/code|@code> July update! Download: <https://code.visualstudio.com/download>. See what's new: <https://code.visualstudio.com/updates/v1_15>. <https://pbs.twimg.com/media/DG4iT_bUMAIsKY0.jpg>

jihchi 08:44:43
https://twitter.com/jdalton/status/895695587412066304

Lots to share in the @code July update! Download: code.visualstudio.com/download. See what's new: code.visualstudio.com/updates/v1_15.

twitter

Enable ES modules in Node today with a new module loader! <https://medium.com/web-on-the-edge/es-modules-in-node-today-32cff914e4b>

jihchi 08:47:54
https://twitter.com/thejameskyle/status/895663088191406080

This is such a great drag and drop react component by @alexandereardon give it a star: github.com/atlassian/reac…

twitter

This is such a great drag and drop react component by <https://twitter.com/alexandereardon|@alexandereardon> give it a star: <https://github.com/atlassian/react-beautiful-dnd>

jihchi 08:55:43
https://twitter.com/wsokra/status/895670939257405441

A sad result for spec understandability...

Not even sure if I got this correct...

twitter

A sad result for spec understandability... Not even sure if I got this correct... <https://pbs.twimg.com/media/DG4P8nxXoAE-MZK.jpg>

jihchi 21:44:54
https://github.com/standard-things/esm

GitHub

standard-things/esm

esm - ES modules in Node today!

2017-08-13

mofas 05:51:48
https://twitter.com/dan_abramov/status/896400893125566464

twitter

Enjoying “Game Programming Patterns”. I think this book is a required reading for UI engineers. Practical and fun. <http://gameprogrammingpatterns.com/>

2017-08-14

mrorz 16:46:26
我仔細看 storyshot 出來的東西才發現，如果你的 storybook 裡 storyshot 與 info addon 一起用的話，那 info addon 的右上角那顆 “more info” 按鈕也會跑進 storyshot 的 snapshot 裡頭⋯⋯囧
mrorz 16:46:28
https://github.com/storybooks/storybook/issues/1147

GitHub

Move `addon-info` into addons panel · Issue #1147 · storybooks/storybook

Why Currently addon-info shows component info in the preview pane alongside each story. This behavior differs from typical addons, that display their info in the addons panel. Modifying the behavio...

Michael Hsu 2017-08-14 16:49:56
@evenchange4 Brilliant!
我們換成新的 syntax 了所以沒有 `addWithInfo`（https://github.com/storybooks/storybook/tree/master/addons/info#usage-with-options）
但新 syntax 更方便用 jest 來 mock
Michael Hsu 2017-08-14 16:55:16
原來有更新了啊！
storyshot addon v3.2 + info addon v3.2 的 mock 法：

in `Storyshots.test.js`
```
import initStoryshots from '@storybook/addon-storyshots';
const addonInfo = require('@storybook/addon-info');
addonInfo.withInfo = () => storyFn => storyFn;

initStoryshots();

```

2017-08-15

jihchi 18:46:59
https://twitter.com/umaar/status/897408737694109697

Canary DevTools Update: top-level await is now supported :confetti_ball: makes debugging & quick experimentations simpler, no need for an async function :white_check_mark:

twitter

Canary DevTools Update: top-level await is now supported :confetti_ball: makes debugging &amp; quick experimentations simpler, no need for an async function :white_check_mark: <https://pbs.twimg.com/media/DHQ8HcOWsAAtEx9.png>

jihchi 18:49:39
https://twitter.com/malyw/status/897407124019359744

Front-End Dev Bookmarks:
Nice, a manually curated collection of resources for front-end web developers.
github.com/dypsilon/front…

twitter

Front-End Dev Bookmarks: Nice, a manually curated collection of resources for front-end web developers. <https://github.com/dypsilon/frontend-dev-bookmarks> <https://pbs.twimg.com/media/DHQfopAXYAA4K-A.jpg>

2017-08-16

mofas 08:11:03
Well, this article is little far away from FE-tech. But I think LLVM and compiler is also an important part of FE.
jihchi 10:48:00
https://twitter.com/dan_abramov/status/897491076537356288

twitter

So glad we didn’t enable decorators in CRA despite the popularity. The stage 2 version looks quite different to me. <https://twitter.com/left_pad/status/897470712277028864>

twitter

:raised_hands: <https://twitter.com/PeeyFTW|@PeeyFTW> submitted a WIP PR for Stage 2 Decorators! Huge shoutout for this monumental work (a long time coming) <https://github.com/babel/babel/pull/6107>

2017-08-17

mofas 04:47:39
https://medium.com/dailyjs/how-to-build-disruptive-ocaml-microservices-with-bucklescript-8c2f774f67cd

Medium

How to build #disruptive OCaml #microservices with BuckleScript

Recently, I started tinkering with OCaml. It’s Very Fun™, which makes it a great fit for a quick side project. So, for a few hours this…

mofas 08:10:19
https://twitter.com/leeb/status/897957326157561856

twitter

Excited to have released Relay v1.2.0 - best version yet! <https://github.com/facebook/relay/releases/tag/v1.2.0>

比起這個我比較期待更完整的 relay-modern 文件 orz
mofas 08:11:12
https://twitter.com/ChromeDevTools/status/897844237902856197

twitter

Introducing Puppeteer: A modern Node.js API for headless Chrome. Built with :heart: by the Chrome team. <https://github.com/GoogleChrome/puppeteer#readme> <https://pbs.twimg.com/media/DHXIZ-4XkAAU9eq.jpg>

https://github.com/graphcool/chromeless 這 project 要 ＧＧ了。不過也沒差，maintainer 也不太維護
mofas 08:16:49
有這東西要截圖就超簡單惹
mofas 08:17:27
end-end testing 也秒殺 (support Chrome only)
jihchi 08:43:48
https://twitter.com/icelabaratory/status/897937175496593408

New recompose release github.com/acdlite/recomp…
preact, inferno, flow 0.53 support
cc @wu_ct @deepsweet @_developit @acdlite @flowtype

twitter

New recompose release <https://github.com/acdlite/recompose/releases/tag/v0.25.0> preact, inferno, flow 0.53 support cc <https://twitter.com/wu_ct|@wu_ct> <https://twitter.com/deepsweet|@deepsweet> <https://twitter.com/_developit|@_developit> <https://twitter.com/acdlite|@acdlite> <https://twitter.com/flowtype|@flowtype>

2017-08-18

jihchi 08:44:54
https://twitter.com/thekitze/status/898167408841588736

📣 Want to use create-react-app with the new webpack-dashboard from @FormidableLabs?

I just released github.com/kitze/custom-r… 0.2.0 :tada:👌

twitter

:mega: Want to use create-react-app with the new webpack-dashboard from <https://twitter.com/FormidableLabs|@FormidableLabs>? I just released <https://github.com/kitze/custom-react-scripts> 0.2.0 :tada::ok_hand:

jihchi 08:46:50
https://twitter.com/compuives/status/898150345892925440

transform.now.sh is really impressive. Just give it a JSON response and it will generate type definitions for you.

twitter

<http://transform.now.sh> is really impressive. Just give it a JSON response and it will generate type definitions for you. <https://pbs.twimg.com/media/DHbex9wXcAACVy0.jpg>

jihchi 08:55:02
https://twitter.com/cpojer/status/897864538221158400

In Node 8.4 debugging finally works with `node --inspect --inspect-brk node_modules/bin/jest`. Thanks @fhinkel et al

twitter

In Node 8.4 debugging finally works with `node --inspect --inspect-brk node_modules/bin/jest`. Thanks <https://twitter.com/fhinkel|@fhinkel> et al <https://github.com/facebook/jest/issues/1652#issuecomment-322834017>

jihchi 09:54:25
https://github.com/avelino/vim-bootstrap

GitHub

avelino/vim-bootstrap

vim-bootstrap - Vim Bootstrap is generator provides a simple method of generating a .vimrc configuration for vim

jihchi 10:00:20
https://github.com/guigrpa/oao

GitHub

guigrpa/oao

oao - A Yarn-based, opinionated monorepo management tool

OAO
AoA
jihchi 18:54:16
THIS THING DELETED 3 MONTHS OF WORK!!!! · Issue #32405 · Microsoft/vscode · GitHub
http://cc.bingj.com/cache.aspx?d=1462716999241&mkt=de-DE&setlang=en-US&w=xEsMxqoa0KJSwMsTh3p_8w2qryykfDvB

2017-08-19

jihchi 17:20:23
https://twitter.com/reasonml/status/898413075002408961

twitter

Oh btw, React Fiber's inspiration came from OCaml <https://twitter.com/sebmarkbage/status/898404059995971585>

twitter

<https://twitter.com/jlongster|@jlongster> <https://twitter.com/wycats|@wycats> <https://twitter.com/littlecalculist|@littlecalculist> And OCaml's strategy around algebraic effects with delimitated continuations give you opt-out regions where you can regain safety.

mrorz 17:37:37
撞到了 eslint 的 bug 之後，發現其實有人是反對把 `render()` 拆成很多 `renderXXX` 的。 @cjies 怎麼看呢
https://github.com/yannickcr/eslint-plugin-react/issues/1200

GitHub

react/display-name gives false positives with component subclasses + argument spreading + es7 class properties · Issue #1200 · yannickcr/eslint-plugin-react

The code below shows the bug: import React from 'react'; class CustomComponent extends React.Component {} /** @extends React.Component */ export default class MyComponent extends CustomComponent ...

mrorz 17:38:28
他是贊成無論多小都該寫成 SFC
mrorz 17:39:02
props 問題他沒有提，但我猜他會說「就用 `...this.props` 囉」

2017-08-20

mofas 05:02:27
https://twitter.com/_developit/status/898952382960119808

twitter

I spent a few weeks building a Preact compiler. IN: Polymer, Vue &amp; Preact single-file components OUT: highly optimized Preact components <https://pbs.twimg.com/media/DHm36FBUAAALycD.jpg>

mofas 05:02:32
It is cool stuff
mrorz 21:59:29
挺有趣
mofas 22:15:53
https://twitter.com/NTulswani/status/898910484107206656

twitter

Announcing ‘redocx’ - A library to create word documents with React <https://github.com/nitin42/redocx> #reactjs :sunglasses:

mofas 22:16:07
現在都是各種transformer
mofas 22:16:18
大compiler時代要來臨啦
jihchi 23:44:56
https://github.com/jiayihu/pretty-algorithms

GitHub

jiayihu/pretty-algorithms

pretty-algorithms - :ocean: Pretty, common and useful algorithms with modern JS and beautiful tests

2017-08-21

jihchi 09:08:41
https://twitter.com/thekitze/status/899269481280811008

twitter

1. My bank's web app is ultra shitty 2. I wanted to try puppeteer So I wrote this script that logs me in and gets my current amount :ok_hand: <https://pbs.twimg.com/media/DHrYUUlXoAEFOMs.jpg>

jihchi 10:03:30
https://github.com/nsoap-official/sailboat

GitHub

nsoap-official/sailboat

sailboat - NSOAP Router for ReactJS

2017-08-23

jihchi 18:49:44
https://twitter.com/benlesh/status/900163547841388545

twitter

I just published “RxJS Observable interop with Promises and Async-Await” <https://medium.com/p/rxjs-observable-interop-with-promises-and-async-await-bebb05306875>

jihchi 21:51:56
https://github.com/dielduarte/animate-css-styled-components

GitHub

dielduarte/animate-css-styled-components

animate-css-styled-components - simple port of animate css for styled-components

2017-08-24

jihchi 09:58:21
https://github.com/GoogleChrome/rendertron

GitHub

GoogleChrome/rendertron

rendertron - A dockerized, headless Chrome rendering solution

jihchi 18:44:12
https://twitter.com/muneeb/status/900419716749119488

Microsoft is now the largest contributor to open-source on GitHub. The times they are a-changin.

twitter

Microsoft is now the largest contributor to open-source on GitHub. The times they are a-changin. <https://pbs.twimg.com/media/DH7u9QqW0AAGoqW.jpg>

jihchi 18:46:46
https://twitter.com/sarah_edo/status/900521149880074240

Unpopular opinion: I don't want one framework to "win". I'm pretty happy getting to choose based on my needs & them learning from eachother

twitter

Unpopular opinion: I don't want one framework to "win". I'm pretty happy getting to choose based on my needs &amp; them learning from eachother

2017-08-25

mofas 07:46:31
想做一下小調查..
有誰可以徒手不查code 寫出 ackermann function 或是 y-combinator 的
jihchi 09:00:12
https://twitter.com/rauschma/status/900736503571197953

Fantastic development: “it’s now possible to maintain one codebase and ship an extension in multiple browsers”
hacks.mozilla.org/2017/08/introd…

twitter

Fantastic development: “it’s now possible to maintain one codebase and ship an extension in multiple browsers” <https://hacks.mozilla.org/2017/08/introducing-the-extension-compatibility-tester/>

jihchi 09:00:45
https://twitter.com/reactrally/status/900727107675750400

If you are unable to be with us in person our live stream will be starting in 30 minutes. reactrally.com/stream

twitter

If you are unable to be with us in person our live stream will be starting in 30 minutes. <http://www.reactrally.com/stream>

jihchi 09:03:45
https://twitter.com/burkeholland/status/900753891486310400

This will blow your mind: Exports AutoComplete for @code can auto-import your @reactjs components straight from JSX marketplace.visualstudio.com/items?itemName…

twitter

This will blow your mind: Exports AutoComplete for <https://twitter.com/code|@code> can auto-import your <https://twitter.com/reactjs|@reactjs> components straight from JSX <https://marketplace.visualstudio.com/items?itemName=capaj.vscode-exports-autocomplete>

jihchi 14:57:01
https://github.com/Microsoft/vscode/issues/33090 vscode-insider 已經換 icon 了

GitHub

Insiders orange icon / logo mis-sized · Issue #33090 · Microsoft/vscode

VSCode Version: Code - Insiders 1.16.0-insider (936fc3f, 2017-08-24T08:26:28.878Z) OS Version: Windows_NT x64 10.0.15063 Extensions: Extension Author (truncated) Version team ms- 1.122.0 T...

jihchi 19:00:17
https://twitter.com/chromiumdev/status/900907231830392833

*Puppeteer 0.10.0* - Node 6 support, cookies API, new API methods, bugs fixes, upstream changes to Chrome DevTools.

twitter

*Puppeteer 0.10.0* - Node 6 support, cookies API, new API methods, bugs fixes, upstream changes to Chrome DevTools. <https://github.com/GoogleChrome/puppeteer/releases/tag/v0.10.0>

jihchi 19:00:57
https://twitter.com/james_k_nelson/status/900648278127026176

I use @dan_abramov's presentation/container components, but also use "Control components" and "controllers" reactarmory.com/answers/how-sh… #reactjs

twitter

I use <https://twitter.com/dan_abramov|@dan_abramov>'s presentation/container components, but also use "Control components" and "controllers" <https://reactarmory.com/answers/how-should-i-separate-components> #reactjs

2017-08-26

mofas 01:20:10
https://twitter.com/reactrally/status/901089297834450944

同時區的好處

twitter

Live stream for day two is now available. <http://www.reactrally.com/stream>

😍 1
jihchi 13:26:46
https://twitter.com/dan_abramov/status/901174043918848000

twitter

Finally, you can help translate React docs into other languages! :heart_eyes: Thanks <https://twitter.com/ericnakagawa|@ericnakagawa>. Start contributing: <https://crowdin.com/project/react> <https://pbs.twimg.com/media/DIGdAvbU0AAcBR-.jpg>

mofas 21:53:44
https://twitter.com/DavidKPiano/status/901211642897113088

twitter

Thank you so much <https://twitter.com/ReactRally|@ReactRally> for having me! Here are my slides on Finite State Machines: <http://slides.com/davidkhourshid/finite-state-machines>

2017-08-27

mofas 09:18:58
One of the best talk in React Rally!

2017-08-29

Michael Hsu 09:25:37
> Just released prettier 1.6. It finally has a config file and prints JSX more in line with the open source community!
https://twitter.com/Vjeux/status/902200727312916481

twitter

Just released prettier 1.6. It finally has a config file and prints JSX more in line with the open source community! <https://github.com/prettier/prettier/releases/tag/1.6.0>

1
ggm 10:56:35
https://github.com/extr0py/oni

GitHub

extr0py/oni

oni - Oni: An IDE powered by Neovim

感覺還不賴
mrorz 11:30:02
oni （おに＝鬼） 選在鬼月分享真應景
👻 2
Michael Hsu 14:53:20
https://github.com/jaredpalmer/formik
有推薦 form 狀態管理 / validation 都用哪套嗎

GitHub

jaredpalmer/formik

formik - Forms in React, without tears :sob:

jihchi 14:55:54
formik 搭的 Yup 還不錯
👍 1

2017-08-30

yueh 11:40:47
@yueh has joined the channel

2017-08-31

jihchi 21:10:50
https://github.com/mikeal/r2

GitHub

mikeal/r2

r2 - HTTP client. Spiritual successor to request.