frontend-tech

Month: 2018-06

2018-06-01

jihchi 08:43:29
:tv: Our first video is out!

Watch @_chenglou's keynote about major @reasonml updates, new BuckleScript features and many social ideas on how to go forward as a community.

https://twitter.com/reasonconf/status/1002152653718245376?s=12
jihchi 19:24:37
https://twitter.com/leeb/status/1002065999003201537?s=12
Super interesting to hear about Airbnb’s move to GraphQL and use of Thrift (also FB OSS!), but think code-gen might be overused — I see some API antipatterns resulting. Looking forward to hearing more about this big change!
jihchi 22:20:39
https://github.com/reach/router

GitHub

reach/router

Contribute to router development by creating an account on GitHub.

jihchi 22:20:48
https://github.com/egoist/maid

GitHub

egoist/maid

maid - Markdown driven task runner.

jihchi 22:20:53
https://github.com/ry/deno

GitHub

ry/deno

deno - A secure TypeScript runtime on V8

2018-06-02

2018-06-03

jihchi 07:56:53
https://twitter.com/cpojer/status/1002898401917325312?s=12

Inline snapshots are coming by @lucasazzola

"This only took me four hours to implement"

Holy shit!
jihchi 10:39:13
https://github.com/phated/reasonable

GitHub

phated/reasonable

reasonable - ReasonML runtime built on Golang with v8worker2

2018-06-04

jihchi 22:48:01
https://github.com/go-gitea/gitea

GitHub

go-gitea/gitea

gitea - Gitea: Git with a cup of tea

2018-06-05

jihchi 20:14:08
https://github.com/anmonteiro/reason-graphql-fullstack

GitHub

anmonteiro/reason-graphql-fullstack

reason-graphql-fullstack - Fullstack Reason + GraphQL Todo List App

mofas 21:40:45
"Microsoft is investing in Git, VSCode, Electron, Github, Bash-on-Windows. Things that decentralize and help prevent lock-in. Apple is taking away the only universal cross platform graphics system (OpenGL), locking developers into Metal, and taking away our escape keys.

29 replies 609 retweets 1,423 likes"
mofas 21:44:10
Extremely cool project!!!

2018-06-06

jihchi 08:53:24
https://twitter.com/aweary/status/1004137655041343488?s=12
mrorz 09:51:53
這樣還算 pure 嗎 lol
jihchi 09:54:35
算是 memorized + pure
jihchi 10:16:58
https://github.com/theKashey/react-memoize 推文看到的

GitHub

theKashey/react-memoize

react-memoize - Don't forget to cache your {props|context|state}. :crossed_fingers:

mofas 18:49:53
這很酷內
jest.png
@null 19:02:50
@jihchi commented on @mofas’s file https://g0v-tw.slack.com/files/U5EGK0HJ8/FB2HVPV9Q/jest.png|jest.png: Jest-each 來的,被 merge 到官方內建
jest.png
@null 19:02:59
@jihchi commented on @mofas’s file https://g0v-tw.slack.com/files/U5EGK0HJ8/FB2HVPV9Q/jest.png|jest.png: 讚
jest.png
@null 19:03:27
@jihchi commented on @mofas’s file https://g0v-tw.slack.com/files/U5EGK0HJ8/FB2HVPV9Q/jest.png|jest.png: Inlinesnapshots 也很威
jest.png

2018-06-07

mofas 12:07:21
"And javascript is a the best dynamic language"
mofas 12:08:03
I strongly agree with that after I try several other mainstream dynamic languages--if there is another one.
mrorz 13:44:32
python 與 ruby 表示
mofas 20:53:05
There is no such thing in this timeline ! lol
mofas 12:22:06
"Do you guy know Dart?"
mofas 12:22:19
"Total failure" lol
jihchi 12:30:00
砲火強大
mofas 20:53:16
https://www.youtube.com/watch?v=HssczgaY9BM

YouTube

Callback Heaven - Andre Staltz

jihchi 23:12:01
這位是中二哥?聽起來不中二
mofas 20:53:28
Why you should replace observable by callback
mofas 20:53:53
continuation is much much powerful than observable ..
mofas 20:54:19
If you want harness them.
mofas 21:04:11
可惜上一次talk沒有機會講到continuation..
jihchi 23:11:16
下次!!

2018-06-08

Lukas 00:31:55
@lukasinbeijing has joined the channel
mofas 09:19:29
https://developer.apple.com/videos/play/wwdc2018/803/

Apple Developer

Designing Fluid Interfaces - WWDC 2018 - Videos - Apple Developer

Discover the techniques used to create the fluid and dynamic interfaces of iOS and other Apple platforms. Learn how to design gestures...

mofas 09:20:33
Apple still dominate HCI
mrorz 10:12:27
but HCI in graduate school is not as attractive to students as before (around 2010). Students now all go to AI labs ._.
mofas 10:42:54
Well, compared with Google duplex, I can tell why AI is more attractive than HCI now.
jihchi 15:13:16
https://github.com/jaredly/reason-language-server/releases/tag/1.0.0-beta.1

GitHub

jaredly/reason-language-server

reason-language-server - A language server for reason, in reason

yuhang 15:53:40
@liyuhang1234 has joined the channel
jihchi 21:52:07
https://github.com/BoxFactura/pulltorefresh.js

GitHub

BoxFactura/pulltorefresh.js

pulltorefresh.js - A quick and powerful plugin for your pull-to-refresh needs in your webapp.

2018-06-09

jihchi 08:20:32
https://github.com/astrada/ppx_bs_css

GitHub

astrada/ppx_bs_css

ppx_bs_css - A ppx rewriter for CSS expressions.

2018-06-12

mofas 09:33:56
```
ah yes, the every-haskell-event conversation

"do you use Haskell at work?"

"... *sigh* javascript"
```
jihchi 21:53:37
https://twitter.com/mercatante/status/1006202911632904197?s=12

I think the #GraphQL ecosystem can be confusing, especially to newcomers, so I built a chart that shows how all the pieces interconnect.

http://graphqlstack.com|graphqlstack.com

Includes tools from the major players, like @apollographql, @graphcool, @FormidableLabs, & others. PRs welcome!
mrorz 21:58:56
猛猛

不過沒提 dataloader 耶,這年頭不流行直接在 resolver 裡面查 DB、一定要墊個兩層嗎 @@
mrorz 21:59:32
graphql 真的沒那麼複雜呀嗚嗚
jihchi 07:33:53
真的,一直都是用最簡單用法,無論 client or server ,沒有這麽複雜⋯

2018-06-13

mofas 10:32:01
我也覺得dataLoader是一項不下於immutable.js的強大技術
mofas 10:32:13
簡單但是強大有用
mofas 16:03:57
有人更新到最新vscode之後 發現render 變慢很多嗎?
mofas 16:04:17
不知道是不是因為canvas rendering fallback回DOM
zonr 23:20:52
@zonr has joined the channel

2018-06-14

jihchi 08:37:01
deno/deno2 at master · ry/deno · GitHub
https://github.com/ry/deno/tree/master/deno2

Deno 2 are going back to C/C ..

GitHub

ry/deno

deno - A secure TypeScript runtime on V8

Michael Hsu 10:11:50
https://twitter.com/acdlite/status/1007062696141787136
Code Split with React Suspense - Coming soon
mofas 10:37:59
https://css-tricks.com/creating-a-vs-code-theme/

CSS-Tricks

Creating a VS Code Theme | CSS-Tricks

Everyone has special and perhaps, particular, tastes when it comes to their code editor. There are literally thousands of themes out there, and for good

jihchi 20:57:56
https://netflix.github.io/pollyjs/#/

netflix.github.io

Polly.JS

Standalone, framework-agnostic JavaScript library that enables recording, replaying, and stubbing HTTP interactions.

2018-06-15

jihchi 08:44:34
https://twitter.com/parceljs/status/1007291019602169857?s=12

Parcel v1.9.0 is out! :rocket:

:deciduous_tree: Tree Shaking scope hoisting for both ES6 and CommonJS modules!
:eyes: Up to 2x faster file watcher
:dollar: Cache resolved file names
:mag_right: Extended resolver for SASS, LESS, and Stylus
:rotating_light: Improved browser error reporter

:memo: Read more: http://medium.com/@devongovett/p|medium.com/@devongovett/p
jihchi 08:48:25
https://twitter.com/julianbirch/status/1007172601729441792?s=12

JavaScript

> "" == []
true

wat

Haskell

> "" == []
True

Well, that makes sense.
jihchi 19:17:18
https://twitter.com/youyuxi/status/1007450116184248320?s=12

I hope React fans don't take it too seriously - GitHub stars is just one of many metrics and yes React is still ahead in terms of usage. I'm just glad there are so many devs loving their frameworks of choice, be it Vue or React. Build great stuff, make the world a better place.

2018-06-16

jihchi 11:08:17
https://twitter.com/prisma/status/1007573937692266498?s=12

Introducing GraphQL for Visual Studio Code

:white_check_mark: Intelligent autocompletion
:white_check_mark: Jump-to-definition from anywhere
:white_check_mark: Schema-based query validation

:point_right: http://prisma.io/blog/vscode-th|prisma.io/blog/vscode-th
jihchi 11:13:11
https://twitter.com/kentcdodds/status/1007699227542282240?s=12

I just published “:racing_car: downshift 2.0.0 released :tada:”
jihchi 19:13:05
GitHub - TeaEntityLab/fpGo: Monad, Functional Programming features for Golang
https://github.com/TeaEntityLab/fpGo

GitHub

TeaEntityLab/fpGo

fpGo - Monad, Functional Programming features for Golang

jihchi 23:02:16
https://twitter.com/lovevfp/status/1007585865592213507?s=12

We want to host the 1st React DEV Conference of China on August 18th 2018 in Guangzhou,China. @Vjeux @reactjs @acdlite @dan_abramov @sebmarkbage @sophiebits

2018-06-18

jihchi 17:23:30
https://github.com/facebook/create-react-app/issues/3815#issuecomment-397922864

GitHub

Roadmap for react-scripts@2.0 · Issue #3815 · facebook/create-react-app

We have just released react-scripts@1.1.0 and, aside from critical vulnerabilities or similar issues, we intend this to be the last 1.x release. Our work on the 2.x release of react-scripts is in t...

jihchi 17:51:58
https://github.com/geeofree/kalendaryo

GitHub

geeofree/kalendaryo

kalendaryo - Build flexible react date components :atom_symbol: + :date:fns

jihchi 17:53:00
https://github.com/o1lab/xmysql

GitHub

o1lab/xmysql

xmysql - :rocket: One command to generate REST APIs for any MySql Database. (Featured in Product Hunt)

2018-06-20

mofas 08:04:04
https://medium.com/@uwdata/value-suppressing-uncertainty-palettes-426130122ce9

Medium

Value-Suppressing Uncertainty Palettes – UW Interactive Data Lab – Medium

The real world is full of uncertainty, but it can be tough to communicate that uncertainty. This is especially true for data visualization…

jihchi 21:14:58
https://twitter.com/smashingmag/status/1009349923161235456?s=12

Using JavaScript modules on the web today: a deep-dive by @addyosmani and @mathias. Extra: some interesting details on script loading. http://developers.google.com/web/fundamenta|developers.google.com/web/fundamenta

2018-06-24

mofas 11:11:16
https://medium.com/narative/why-narative-loves-gatsby-226e4d92861d

Medium

Why Narative loves Gatsby – Narative – Medium

To understand why we love Gatsby you have to understand what we do at Narative. Narative is a digital studio that focuses on creating the…

2018-06-26

mofas 03:17:11
現在看vue的文件看到angular1的directive和interpolation都很想喊 "Black magic must die"
mofas 23:39:37
一定要來吐一下 黑魔法搞多了 還要再寫一篇 如何不要被自己搞到
https://vuejs.org/v2/guide/list.html#v-for-with-v-if

vuejs.org

List Rendering — Vue.js

Vue.js - The Progressive JavaScript Framework

mofas 23:41:11
directive priority 這東西一直都是寫angular 1的bug主因之一 搞不懂vue為啥要繼承這點 :disappointed:

2018-06-27

yhsiang 01:38:38
因為他一開始就是學 ng 啊
jihchi 09:34:48
https://github.com/ctrlplusb/react-sizeme

GitHub

ctrlplusb/react-sizeme

react-sizeme - Make your React Components aware of their width and height!

mofas 21:09:31
這東西是不是我也做過...
mofas 21:09:41
不過我是從react-virtualized 偷來的
jihchi 21:10:21
AutoSizer 唷
mofas 21:11:07
對呀
mrorz 10:44:08
Hmm `AutoSizer` 夠用了吧 xd

2018-06-28

jihchi 17:16:07
https://www.significa.pt/labs/css-only-slider/

significa.pt

CSS Only Slider

Significa was created with the single purpose of raising the standard of quality in user-centered design by creating useful, beautiful & meaningful experiences

2018-06-29

jihchi 08:41:46
https://twitter.com/thekashey/status/1012474398731730944?s=12

React-Media-Match v1.3.1 - the first SSR friendly react media matcher.

- :snake: mobile-first "gap-less" approach
- Always picks one branch to render, and only one
- :computer: Customize the target rendering mode, and "SSR" for any device
- :atom_symbol: @reactjs 16 ready

http://github.com/thearnica/reac|github.com/thearnica/reac
mrorz 10:19:43
感覺還是純用 CSS media query 更直接、避開所有會碰到 DOM 的設計為佳,不碰到 DOM 就不會有 SSR issue XD
jihchi 14:54:54
:+1:
jihchi 08:48:23
https://twitter.com/imac2/status/1012354228558409729?s=12

So exited to finally announce the new fullPage.js version I've been working on for the past few months! #javascript

:fire: fullpage.js 3.0 is out there!! :fire:
It was time to get rid of the good old jQuery!

Please support me here!
http://producthunt.com/posts/fullpage|producthunt.com/posts/fullpage
jihchi 10:15:56
https://github.com/Simonwep/pickr

GitHub

Simonwep/pickr

pickr - Flat, simple and hackable Color-Picker. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize.

mofas 19:16:27
https://github.com/ronami/minipack

GitHub

ronami/minipack

minipack - :package: A simplified example of a modern module bundler written in JavaScript

mofas 19:16:36
build you own webpack