frontend-tech

Month: 2017-07

2017-07-02

mofas 12:49:41
https://twitter.com/jihchi/status/881294533115338752

twitter

<https://twitter.com/ur_friend_james|@ur_friend_james> <https://twitter.com/reasonml|@reasonml> Just finished the translation: <http://987.tw/a-first-reason-react-app-for-javascript-developers/>

jihchi 13:29:14
媽,我在這(揮手
yhsiang 14:15:26
jihchi 18:32:43
https://github.com/Sly777/ran

GitHub

Sly777/ran

ran - :zap: RAN! React . Apollo (GraphQL) . Next.js Boilerplate :zap: - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching and more...

jihchi 22:14:48
https://github.com/asfktz/autodll-webpack-plugin

GitHub

asfktz/autodll-webpack-plugin

autodll-webpack-plugin - Webpack's DllPlugin without the boilerplate

2017-07-03

mofas 05:42:56
https://twitter.com/sindresorhus/status/881577978181939200

twitter

Announcing Chalk v2: Truecolor support and tagged template literal. Chalk is for colorizing text in the terminal. <https://github.com/chalk/chalk/releases/tag/v2.0.0>

jihchi 17:47:35
https://github.com/GianlucaGuarini/icaro

GitHub

GianlucaGuarini/icaro

icaro - Smart and efficient javascript object observer, ideal for batching DOM updates (~1kb)

jihchi 17:56:46
https://github.com/jaredpalmer/formik

GitHub

jaredpalmer/formik

formik - Forms in React, without tears

jihchi 17:59:50
https://github.com/jquense/yup

GitHub

jquense/yup

yup - Dead simple Object schema validation

jihchi 18:46:59
https://twitter.com/sharifsbeat/status/881776864171360256

Great writeup on React Context. Very clear walkthrough on how to approach Context by @mweststrate

twitter

Great writeup on React Context. Very clear walkthrough on how to approach Context by <https://twitter.com/mweststrate|@mweststrate> <https://medium.com/@mweststrate/how-to-safely-use-react-context-b7e343eff076>

jihchi 22:41:58
https://github.com/siddharthkp/bundlesize

GitHub

siddharthkp/bundlesize

bundlesize - Keep your bundle size in check

jihchi 22:43:15
https://github.com/sghall/resonance

GitHub

sghall/resonance

resonance - Resonance | Data-driven transitions in React

mofas 23:19:18
https://www.ptt.cc/bbs/Soft_Job/M.1499094331.A.924.html
@jihchi 這是我們面試的嗎?

Ptt 批踢踢實業坊

[心得] 台北多間面試心得分享

潛水已久,把 4、5 月面試的心得寫下來,希望有點參考價值。文有點長。 我背景工作經驗 5 年左右,fullstack 開發,最近一份工作在小公司當過小主管,但 也沒管幾個人。 前端就 js 還算可以,jquery、react 也寫過一些。 後端 php、nodejs 寫過中型(不敢說大型,覺得沒很大)專案。資料庫設計跟 web

mofas 23:19:27
同一位是偶嗎 lol
yhsiang 23:21:05
應該都是你吧 XD
yhsiang 23:22:19
結果也沒寫他最後去那啊 -_-
mrorz 23:34:39
可能是缺比較少的那段時間來面的吧 ._.
jihchi 23:47:24
應該也沒別人了 lol

2017-07-04

mofas 06:38:35
https://twitter.com/bterlson/status/881993629673308160

twitter

I've finally published my proposal for Pattern Matching in JavaScript. Very rough, but eager to hear your thoughts! <https://github.com/tc39/proposal-pattern-matching>

jihchi 08:54:46
https://twitter.com/svensauleau/status/881878965585145858

Great writeup on React Context. Very clear walkthrough on how to approach Context by @mweststrate

twitter

Compose is built-in in JavaScript! <https://gist.github.com/xtuc/68f1e7def4b92ea3c7920b1dae0dc798> <https://pbs.twimg.com/media/DDznWLZXkAIii3r.jpg>

2017-07-05

mofas 08:32:22
https://twitter.com/_rrdelaney/status/882295563747598337

twitter

New release of bs-loader - a <https://twitter.com/reasonml|@reasonml> loader for #webpack! Now with better error messages thanks to <https://twitter.com/danschuman|@danschuman> <https://github.com/rrdelaney/bs-loader/releases/tag/v1.5.4> <https://pbs.twimg.com/media/DD6J7GxVoAAR13X.jpg>

<https://pbs.twimg.com/media/DD6LBktV0AEGcQt.jpg>

mofas 08:33:08
https://twitter.com/jaredforsyth/status/882241900899643392

twitter

this <https://twitter.com/reasonml|@reasonml> react tutorial almost ready! yaks shaved: ~4 :tada:

mofas 08:33:18
這DX還不錯呀
jihchi 08:43:07
https://twitter.com/malyw/status/882329085384503296

Native ECMAScript modules are enabled by default in Chrome 61:
http://chromium-review.googlesource.com/c/558727/|chromium-review.googlesource.com/c/558727/
The overview and how to use:
http://blog.hospodarets.com/native-ecmascr|blog.hospodarets.com/native-ecmascr

twitter

Native ECMAScript modules are enabled by default in Chrome 61: <https://chromium-review.googlesource.com/c/558727/> The overview and how to use: <https://blog.hospodarets.com/native-ecmascript-modules-the-first-overview> <https://pbs.twimg.com/media/DD6okF7UwAIpe1A.jpg>

jihchi 13:42:45
https://github.com/sacert/Bloom-Filter

GitHub

sacert/Bloom-Filter

Bloom-Filter - Bloom Filter Demo

jihchi 18:57:18
https://twitter.com/javascriptdaily/status/882456254358192128

Automated Testing with Headless Chrome: http://developers.google.com/web/updates/20|developers.google.com/web/updates/20

twitter

Automated Testing with Headless Chrome: <https://developers.google.com/web/updates/2017/06/headless-karma-mocha-chai>

mofas 23:09:18
Under the hood: ReactJS
https://bogdan-lyashenko.github.io/Under-the-hood-ReactJS/

bogdan-lyashenko.github.io

Under the hood: ReactJS

Entire ReactJS code base explanation by visual block schemes (Stack+Fiber versions)

jihchi 23:36:22
https://github.com/lipp/login-with

GitHub

lipp/login-with

Stateless login-with microservice for OAuth

jihchi 23:42:04
https://github.com/justjavac/the-front-end-knowledge-you-may-dont-know

GitHub

justjavac/the-front-end-knowledge-you-may-dont-know

the-front-end-knowledge-you-may-dont-know - :innocent: 你可能不知道的前端知识点

2017-07-06

jihchi 08:45:18
https://twitter.com/torgeir/status/882719525464133636

Love the idea for simple dom stuff! will definitely give this a shot some time

twitter

Love the idea for simple dom stuff! will definitely give this a shot some time <https://redom.js.org>

jihchi 09:15:10
“For practical reasons you can think of a pure function in any programming language as one which:

In its body, it does not modify (mutate) the values of the arguments it accepts.
It also does not mutate, or change, the values of any external variables which it may access (although it may access external variables, provided that their values don’t change).
In its body, it only calls other pure functions.”

Why is functional programming awesome
https://boris-marinov.github.io/fp/
via Instapaper

boris-marinov.github.io

Why is functional programming awesome

I really am not the best person to author such an article (I am not that into programming anymore, and I never was a real expert in it), however I am doing it, because I have been waiting for someone else to write it for years and kept noticing the following phenomena: People who understand functional programming, cannot make themselves understood by the general (programming) public. Many of the people who are able to make themselves understood by the public, don’t understand enough for them to be worth listening (all functional programming articles that are understandable don’t go much farther than “You should use pure functions, man!”. Roughly the same thing has been called “the curse of the monad” by some people: “Once you understand it, you lose the ability to explain it”. It is clear now that monads are not something you get in an afternoon, but I think you can get some idea of what FP (functional programming) is. Or, you know, in a year or so. But in order to spend that time you need some motivation. You probably need someone to tell you why exactly do you need to know about FP? Why is it awesome, so to say. And so my article begins.

jihchi 18:47:46
https://twitter.com/jaredforsyth/status/882785923234234368

It's done! For all you @reactjs JavaScript folks who want to learn @reasonml, here you go!
"A ReasonReact Tutorial" http://jaredforsyth.com/2017/07/05/a-r|jaredforsyth.com/2017/07/05/a-r

twitter

It's done! For all you <https://twitter.com/reactjs|@reactjs> JavaScript folks who want to learn <https://twitter.com/reasonml|@reasonml>, here you go! "A ReasonReact Tutorial" <https://jaredforsyth.com/2017/07/05/a-reason-react-tutorial/>

jihchi 18:48:49
https://twitter.com/smashingmag/status/882592877662138368

✎ Designing The Perfect Date And Time Picker. With a checklist of every single detail to consider and UI examples. http://smashingmagazine.com/2017/07/design|smashingmagazine.com/2017/07/design

twitter

✎ Designing The Perfect Date And Time Picker. With a checklist of every single detail to consider and UI examples. <https://www.smashingmagazine.com/2017/07/designing-perfect-date-time-picker/>

kcliu 19:16:01
https://twitter.com/slicknet/status/882634382854377472

twitter

A house nearby just exploded into flames. Everyone is safe. While you're arguing about JS, keep in mind what's really important in life.

2017-07-07

mofas 08:38:17
https://www.gatsbyjs.org/blog/gatsby-v1/

GatsbyJS

Announcing Gatsby 1.0.0 :tada::tada::tada:

Gatsby is your friendly, blazing fast static site generator for React. And after nearly a year of research, prototyping, and testing, Gatsby...

mofas 08:39:32
https://www.youtube.com/playlist?list=PLn2e1F9Rfr6n_WFm9fPE-_wYPrYvSTySt

YouTube

GraphQL-Europe 2017 - YouTube

GraphQL-Europe is a non-profit GraphQL conference in Europe with speakers from all around the world. Learn about GraphQL best practices from industry experts...

jihchi 08:44:22
https://twitter.com/thelarkinn/status/883105141213192192

:rotating_light::rotating_light: GET THOSE THURSDAY BUILDS INTO GEAR WITH #WEBPACK 3.1 RTRT :fire::fire:

:heavy_check_mark: Decrease avg build and rebuild :hourglass: by +60% (@mikesherov @GaryBorton)

twitter

:rotating_light::rotating_light: GET THOSE THURSDAY BUILDS INTO GEAR WITH #WEBPACK 3.1 RTRT :fire::fire: :heavy_check_mark: Decrease avg build and rebuild :hourglass: by +60% (<https://twitter.com/mikesherov|@mikesherov> <https://twitter.com/GaryBorton|@GaryBorton>) <https://pbs.twimg.com/media/DEFrb_EVwAAIYuX.jpg>

mrorz 10:29:25
RTRT 是啥
google 給了我一個動畫 MV,看起來很有趣 (x)
jihchi 10:30:44
哪裡有 RTRT ?
mrorz 10:35:39
`GET THOSE THURSDAY BUILDS INTO GEAR WITH #WEBPACK 3.1 RTRT`
jihchi 10:35:58
喔喔喔。retweet! retweet!
mrorz 10:36:08
原來是 retweet w
jihchi 10:36:17
一種很 high 的口氣
jihchi 08:56:48
https://twitter.com/bestander_nz/status/883035465649012736

We use the same CLI arguments for @yarnpkg commands for a project.
Now we can actually pass them via .yarnrc http://yarnpkg.com/en/docs/yarnrc|yarnpkg.com/en/docs/yarnrc

twitter

We use the same CLI arguments for <https://twitter.com/yarnpkg|@yarnpkg> commands for a project. Now we can actually pass them via .yarnrc <https://yarnpkg.com/en/docs/yarnrc#toc-cli-arguments>

jihchi 08:58:38
https://twitter.com/newsycombinator/status/882992985696292864

Wildcard Certificates Coming January 2018

twitter

Wildcard Certificates Coming January 2018 <https://letsencrypt.org//2017/07/06/wildcard-certificates-coming-jan-2018.html>

jihchi 09:55:17
https://github.com/jxnblk/rebass

GitHub

jxnblk/rebass

rebass - Functional React UI component library, built with styled-components

jihchi 18:49:48
https://twitter.com/james_k_nelson/status/883168992382205952

Learn how ReactDOM.render works. See missing `key` bugs in (live) action. Play with animated fractals. #reactjs

twitter

Learn how ReactDOM.render works. See missing `key` bugs in (live) action. Play with animated fractals. #reactjs <https://reactarmory.com/guides/learn-react-in-browser-with-animated-fractal/rendering-and-rerendering>

mofas 22:32:52
https://zeit.co/blog/now-desktop-2

zeit.co

Now Desktop 2

Today we're announcing the second major release of Now Desktop

mofas 22:33:24
Now的產品越來越cool了 去這公司工作應該很有成就感吧
mrorz 01:21:58
mofas: 希望他不要變成下一家 kadira QQ

2017-07-08

mofas 08:31:49
https://twitter.com/jaredforsyth/status/883329151024996354

twitter

I spoke at utah's PolyJS meetup last night about <https://twitter.com/reasonml|@reasonml> Recording: <https://www.youtube.com/watch?v=vTb8UU_Yjmk> Slides: <https://jaredforsyth.com/reason-javascript-flavored-ocaml/>

2017-07-09

kcliu 13:15:30
https://twitter.com/sharifsbeat/status/883695732829691904

twitter

Haven't seen this React pattern yet. Very elegant from my point of view. WithState: the Component as a view prop. <https://www.webpackbin.com/bins/-KoXb-K74xnSNq8hphQ2> <https://pbs.twimg.com/media/DEOEOTGWsAUAcR7.jpg>

mrorz 19:21:25
kcliu: Cool, 更高一層的 declarative UI。
不過我自己是覺得 React component 現在提供的 api 就足夠 declarative 了,對於多一層到底有沒有比較好讀,我持保留態度 @@
jihchi 09:38:10
這跟 recompose 做的事情一樣。後來都改用原本 React API,如同 @mrorz 所說,既有 API 就很足夠。

2017-07-10

mofas 08:29:28
https://twitter.com/pbailis/status/883850227962093568

twitter

Smooth your dashboards! #Monitorama '17 talk on ASAP (<http://futuredata.stanford.edu/asap/>) by <https://twitter.com/kexinrong|@kexinrong> <https://vimeo.com/221062931> <https://speakerdeck.com/futuredata/automating-dashboard-displays-with-asap>

mofas 08:31:32
https://temochka.com/blog/posts/2017/06/28/the-language-of-programming.html

temochka.com

The language of programming

I remember learning my first programming language. As a part of the required informatics class in the second grade, we had to study some dialect of BASIC. Sl...

Michael Hsu 10:29:08
https://github.com/stratiformltd/react-loadable-visibility

GitHub

stratiformltd/react-loadable-visibility

react-loadable-visibility - A wrapper around react-loadable to load elements that are visible on the page.

2017-07-11

jihchi 08:42:06
https://twitter.com/umaar/status/884433282926092292

Modern DevTools Update - http://ModernDevTools.com|ModernDevTools.com - In lesson 7, we understand :mag: the real cost of JavaScript parse and execution times :timer_clock:

twitter

Modern DevTools Update - <https://ModernDevTools.com> - In lesson 7, we understand :mag: the real cost of JavaScript parse and execution times :timer_clock: <https://pbs.twimg.com/media/DEYiOaNXUAAiXhF.png>

jihchi 08:42:20
https://twitter.com/thelarkinn/status/884460448564879360

I just published “Introducing webpack academy!”

twitter

I just published “Introducing webpack academy!” <https://medium.com/p/introducing-webpack-academy-bad0a4e23deb>

jihchi 08:42:43
https://twitter.com/am_i_tom/status/884449091442409473

#fantasyland 19 #Semigroupoid/#Category! Your queries + fearies on the theories. tl;dr: it's all #Monoid in the end! http://tomharding.me/2017/07/10/fan|tomharding.me/2017/07/10/fan

twitter

#fantasyland 19 #Semigroupoid/#Category! Your queries + fearies on the theories. tl;dr: it's all #Monoid in the end! <http://www.tomharding.me/2017/07/10/fantas-eel-and-specification-19/>

jihchi 08:43:00
https://twitter.com/samccone/status/884410588301991937

Bundle Buddy is a tool to find shared code across bundles. :weight_lifter:‍♂️:hammer_and_pick: (A collab w/ @DataToViz):sparkles:

npm i -g bundle-buddy

http://github.com/samccone/bundl|github.com/samccone/bundl

twitter

Bundle Buddy is a tool to find shared code across bundles. :weight_lifter:‍♂️:hammer_and_pick: (A collab w/ <https://twitter.com/DataToViz|@DataToViz>):sparkles: npm i -g bundle-buddy <https://github.com/samccone/bundle-buddy>

jihchi 18:52:07
https://twitter.com/ag_dubs/status/884581415979028484

“Introducing npx: an npm package runner” by @maybekatz

twitter

“Introducing npx: an npm package runner” by <https://twitter.com/maybekatz|@maybekatz> <https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b>

jihchi 19:06:47
https://twitter.com/thelarkinn/status/884630383748300800

戰起來了

twitter

This is a great tool. But ready for a rant? /1 <https://twitter.com/samccone/status/884410588301991937>

twitter

Bundle Buddy is a tool to find shared code across bundles. :weight_lifter:‍♂️:hammer_and_pick: (A collab w/ <https://twitter.com/DataToViz|@DataToViz>):sparkles: npm i -g bundle-buddy <https://github.com/samccone/bundle-buddy>

2017-07-12

jihchi 08:43:01
https://twitter.com/am_i_tom/status/884748094176448512

Boldly moving #react to @elmlang? Wanna continue down the rabbit hole? @jusrin00 talks Elm *inside* #purescript :O

twitter

Boldly moving #react to <https://twitter.com/elmlang|@elmlang>? Wanna continue down the rabbit hole? <https://twitter.com/jusrin00|@jusrin00> talks Elm *inside* #purescript :O <http://qiita.com/kimagure/items/d12525d42516f95dd541>

jihchi 08:43:54
https://twitter.com/dan_abramov/status/884754975942955008

Did you know you can convert React.PropTypes to prop-types package automatically? http://facebook.github.io/react/blog/201|facebook.github.io/react/blog/201

twitter

Did you know you can convert React.PropTypes to prop-types package automatically? <https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html#migrating-from-react.proptypes>

jihchi 08:44:38
https://twitter.com/nodejs/status/884822255032823810

:speaker:The security releases for ALL active #nodejs release lines are available. Update ASAP.

New versions:
- 8.1.4
- 7.10.1
- 6.11.1
- 4.8.4

twitter

:speaker:The security releases for ALL active #nodejs release lines are available. Update ASAP. New versions: - 8.1.4 - 7.10.1 - 6.11.1 - 4.8.4

jihchi 08:49:27
https://twitter.com/left_pad/status/884812753080381445

:speaker:The security releases for ALL active #nodejs release lines are available. Update ASAP.

New versions:
- 8.1.4
- 7.10.1
- 6.11.1
- 4.8.4

twitter

<https://babeljs.io/php/>: (I don't know any PHP, so why not :slightly_smiling_face:) <https://twitter.com/kornelski/status/884742627169628160>

twitter

This is Chrome running PHP :smiling_imp: <https://pbs.twimg.com/media/DEc8jh8WAAIuY-o.jpg>

jihchi 08:49:56
https://twitter.com/wsokra/status/884869971830034433

:speaker:The security releases for ALL active #nodejs release lines are available. Update ASAP.

New versions:
- 8.1.4
- 7.10.1
- 6.11.1
- 4.8.4

twitter

Another bugfix release for webpack 3. It's getting stable... <https://github.com/webpack/webpack/releases/tag/v3.2.0> <https://pbs.twimg.com/media/DEewZ4yXgAU2HdI.jpg>

jihchi 08:55:14
https://twitter.com/mshelton/status/883678420202160129

twitter

when you roll your own crypto

jihchi 08:56:59
https://twitter.com/kentcdodds/status/884928212047872000

The babel-macros API has solidified and is ready for use. Docs have been updated. Give it a whirl!

twitter

The babel-macros API has solidified and is ready for use. Docs have been updated. Give it a whirl! <https://github.com/kentcdodds/babel-macros>

jihchi 10:51:38
https://github.com/tiansijie/reason-react-infinity-menu

GitHub

tiansijie/reason-react-infinity-menu

reason-react-infinity-menu - reason-react implementation of [react-infinity-menu](<https://github.com/socialtables/react-infinity-menu>)

jihchi 18:42:28
https://twitter.com/toddmotto/status/884874891710746626

:sunglasses: New to Rx? Start here:
Observables, observers and operators introduction:

twitter

:sunglasses: New to Rx? Start here: Observables, observers and operators introduction: <https://toddmotto.com/rxjs-observables-observers-operators>

kcliu 19:07:08
https://twitter.com/seldo/status/884618698287452160

twitter

npx is so absurdly useful I'm gonna have to do a whole talk just about it <https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b>

mofas 21:50:44
https://yarnpkg.com/blog/2017/07/11/lets-dev-a-package-manager/

Yarn

Let's Dev: A Package Manager

Hello everyone! Today, we’re gonna write a new package manager, even better than Yarn! Ok, maybe not, but at least we’re gonna have some fun, learn how packa...

mofas 21:50:52
build your own package manager

2017-07-13

jihchi 08:51:59
https://twitter.com/ur_friend_james/status/885178576282177536

anyone trying to scale up a version control workflow for teams should look at http://trunkbaseddevelopment.com|trunkbaseddevelopment.com

twitter

anyone trying to scale up a version control workflow for teams should look at <https://trunkbaseddevelopment.com/>

jihchi 08:54:36
https://twitter.com/johnmu/status/885033402654748672

When it comes to URLs, remember that URLs are UI too.

twitter

When it comes to URLs, remember that URLs are UI too. <https://www.hanselman.com/blog/URLsAreUI.aspx>

jihchi 13:38:59
嘖嘖 https://medium.com/techlabs-emag/cest-la-vue-d17e525cef48

Medium

C’est la “Vue” – eMAG TechLabs – Medium

The journey from giving up React.js in favor of Vue.js

mofas 22:06:24
https://graphicallinearalgebra.net/

Graphical Linear Algebra

Index

&nbsp; And because arithmetic science and geometric science are connected, and support one another, the full knowledge of numbers cannot be presented without encountering some geometry, or without seeing that operating in this way on numbers is close to geometry; the method is full of many proofs and demonstrations that are made with geometric figures. Fibonacci, preface to Liber Abaci (first published 1202, 1228 manuscript translated by Lawrence E. Sigler) Graphical linear algebra is a work in progress, and there are many open research threads. We are looking for PhD students, so please consider applying! This blog is written in English. To read and contribute to translations (Dutch, French, German,&hellip;) see this page by Vincent Verheyen. Introduction Episode 1&nbsp;&ndash; Mak&eacute;l&eacute;l&eacute; and Linear Algebra Episode 2 &ndash; Methodology, Handwaving and Diagrams Adding and Copying Episode 3 &ndash; Adding (Part 1) and Mr Fibonacci Episode 4 &ndash; Dumbing Down and Magic Lego Episode 5 &ndash; Spoilers, Adding (Part 2) and Zero Episode 6 &ndash; Crema di Mascarpone and Diagrammatic Reasoning Episode 7 &ndash; Copying, Discarding and The Slogan Episode 8 &ndash; When Adding met Copying&hellip; Episode 9 &ndash; Natural numbers, diagrammatically Matrices and PROPs Episode 10 &ndash; Paths and Matrices Episode 11 &ndash; From Diagrams to Matrices Episode 12 &ndash; Monoidal Categories and PROPs (Part 1) Episode 13 &ndash; PROPs (Part 2) and Permutations Episode 14 &ndash; Homomorphisms of PROPs Episode 15 &ndash; Matrices, diagrammatically Episode 16 &ndash; Trust the Homomorphism, for it is Fully Faithful Integers and Relations Episode 17 &ndash; Maths with Diagrams Episode 18 &ndash; Introducing the Antipode Episode 19 &ndash; Integer matrices Episode 20 &ndash; Causality, Feedback and Relations Episode 21 &ndash; Functions and Relations, diagrammatically Episode 22 &ndash; The Frobenius Equation Episode 23 &ndash; Frobenius Snakes and Spiders Fractions and Spaces Episode 24 &ndash; Bringing it all together Episode 25 &ndash; Fractions, diagrammatically Episode 26 &ndash; Keep Calm and Divide by Zero Episode 27 &ndash; Linear Relations Episode 28 &ndash; Subspaces, diagrammatically Episode 29 &ndash; Dividing by zero to invert matrices Episode 30 &ndash; The essence of graphical linear algebra Interlude &ndash; string diagrams and resource-sensitive syntax Why string diagrams? Sequences and Signal Flow Graphs Episode 31 &ndash; Fibonacci and sustainable rabbit farming Offtopic Sometimes this blog actually looks like a blog. 16 September 2016 &ndash; Leicester and the battle for universities 16 April 2017 &ndash;&nbsp;&hellip;, a monoid is a category, a category is a monad, a monad is a monoid, &hellip; &nbsp;10 May 2017 &ndash;&nbsp;1st Workshop on String Diagrams in Computation, Logic, and Physics

mofas 22:06:36
很難很強大

2017-07-14

kcliu 00:44:11
https://medium.com/azendoo-team/immutable-record-react-redux-99f389ed676

Medium

How to use Immutable.js Records with React and Redux

It’s the small things that change your product. React and Flux can be small things, but using them has changed our product like we could…

jihchi 08:41:08
https://twitter.com/malyw/status/885628892412878849

What's New In DevTools (Chrome 61)
http://developers.google.com/web/updates/20|developers.google.com/web/updates/20
- Debug ES6 modules
- Mobile device throttling
- Storage usage
- Cache timestamps

twitter

What's New In DevTools (Chrome 61) <https://developers.google.com/web/updates/2017/07/devtools-release-notes> - Debug ES6 modules - Mobile device throttling - Storage usage - Cache timestamps <https://pbs.twimg.com/media/DEpidU4XYAAVL_H.png>

jihchi 08:42:28
https://twitter.com/ur_friend_james/status/885539310325293057

I just posted a tutorial for routing in @reasonml &amp; Reason React http://jamesfriend.com.au/routing-in-rea|jamesfriend.com.au/routing-in-rea

twitter

I just posted a tutorial for routing in <https://twitter.com/reasonml|@reasonml> &amp; Reason React <https://jamesfriend.com.au/routing-in-reason-react>

jihchi 08:44:20
https://twitter.com/jdalton/status/885490704616534017

Vue overwrites array's push/pop/shift/unshift/splice/sort/reverse methods borking generic prototype use e.g. splice.call(a,i,1)

twitter

Vue overwrites array's push/pop/shift/unshift/splice/sort/reverse methods borking generic prototype use e.g. <http://splice.call>(a,i,1)

jihchi 08:50:24
https://twitter.com/andrestaltz/status/885476212772098048

The problem of not allowing developers to learn on company time.
Something I just thought about, maybe true to some degree...

twitter

The problem of not allowing developers to learn on company time. Something I just thought about, maybe true to some degree... <https://pbs.twimg.com/media/DEnX6KlXUAACcJt.jpg>

mofas 10:02:37
https://twitter.com/zeithq/status/885499545542475777

twitter

Universal Now: Now, on Every Cloud. <https://zeit.co/blog/universal-now>

jihchi 10:07:26
mofas: 看起來可以自己定一個 vendor 然後用 now 去 deploy code
jihchi 10:13:21
不過要 push 到 now repo 的 publishers 下面
jihchi 10:04:41
https://github.com/gpujs/gpu.js

GitHub

gpujs/gpu.js

gpu.js - GPU Accelerated JavaScript

jihchi 11:36:06
https://twitter.com/ryconoclast/status/885523459748487169

twitter

Client side validation <https://pbs.twimg.com/media/DEoC5E2UQAEAn4H.jpg>

jihchi 13:32:26
https://www.alexkras.com/reverse-engineering-one-line-of-javascript/

Alex Kras

Reverse Engineering One Line of JavaScript

Few months ago I received the following email from a friend of mine: Subject: Can you unroll and explain this 1 line of code to me? Body: Call me stupid but…I don’t understand it and wo…

jihchi 13:35:33
看了這篇才知道 js 可以直接用 id 當作 variable name 去 access element: `document.getElementById("app")` 可以直接 global `app` 取
yhsiang 19:51:30
我之前就知道了! XD
jihchi 13:35:33
看了這篇才知道 js 可以直接用 id 當作 variable name 去 access element: `document.getElementById("app")` 可以直接 global `app` 取
jihchi 13:35:33

Alex Kras

Reverse Engineering One Line of JavaScript

Few months ago I received the following email from a friend of mine: Subject: Can you unroll and explain this 1 line of code to me? Body: Call me stupid but…I don’t understand it and wo…

看了這篇才知道 js 可以直接用 id 當作 variable name 去 access element: `document.getElementById("app")` 可以直接 global `app` 取

mofas 18:31:42
https://medium.com/@asolove/pure-ui-control-ac8d1be97a8d

Medium

Pure UI Control – Adam Solove – Medium

This month marks 10 years that I’ve been paid to build web user interfaces. And today is the second anniversary of Guillermo Rauch’s essay…

2017-07-15

2017-07-16

jihchi 18:54:45
https://twitter.com/mxstbr/status/886284701299691520

:tada: jest-styled-components v4 is out now! Testing styled components won't get much better :100:

Stellar work @MicheleBertoli :clap: @fbjest

twitter

:tada: jest-styled-components v4 is out now! Testing styled components won't get much better :100: Stellar work <https://twitter.com/MicheleBertoli|@MicheleBertoli> :clap: <https://twitter.com/fbjest|@fbjest>

jihchi 19:06:43
https://twitter.com/benlesh/status/885299258768760832

twitter

Why has everyone using React not switched to Preact? Honestly curious. No horse in the race.

jihchi 19:07:53
https://twitter.com/yassineelouafi2/status/886264893262966784

“Surprising polymorphism in React applications” by @bmeurer

twitter

“Surprising polymorphism in React applications” by <https://twitter.com/bmeurer|@bmeurer> <https://medium.com/@bmeurer/surprising-polymorphism-in-react-applications-63015b50abc>

2017-07-18

jihchi 10:21:10
https://github.com/bahmutov/node-mock-examples

GitHub

bahmutov/node-mock-examples

node-mock-examples - Examples of tests that mock Node system APIs: fs, http, child_process, timers

jihchi 10:22:37
https://github.com/facebook/react/issues/10191

GitHub

Consider re-licensing to AL v2.0, as RocksDB has just done · Issue #10191 · facebook/react

Hi there, The Apache Software Foundation Legal Affairs Committee has announced that the so-called 'Facebook BSD+Patents License' is no longer allowed to be used as a direct dependency in Apache pro...

2017-07-19

mofas 01:31:33
https://twitter.com/svensauleau/status/887281075294281733

twitter

We have our first Pattern Matching PR in <https://twitter.com/babeljs|@babeljs>'s parser :heart_eyes: <https://github.com/babel/babylon/pull/635> by <https://twitter.com/krzKaczor|@krzKaczor> <https://pbs.twimg.com/media/DFBBYt4XoAAV1jN.jpg>

jihchi 09:02:31
https://twitter.com/brian_d_vaughn/status/887346009428303877

Because a couple of people asked yesterday, here's a silly little example I put together using error boundaries:

http://plnkr.co/edit/JE7CqR?p=|plnkr.co/edit/JE7CqR?p=

twitter

Because a couple of people asked yesterday, here's a silly little example I put together using error boundaries: <http://plnkr.co/edit/JE7CqR?p=preview>

mofas 18:30:09
https://github.com/andreas/ocaml-graphql-server

GitHub

andreas/ocaml-graphql-server

ocaml-graphql-server - GraphQL servers in OCaml

2017-07-20

jihchi 09:54:34
https://medium.com/faceyspacey/redux-first-router-data-fetching-solving-the-80-use-case-for-async-middleware-14529606c262

Medium

Redux-First Router data-fetching: solving the 80% use case for async Middleware

Understanding the architectural decisions behind the tools you are using is perhaps more important than the many things a new package does…

jihchi 09:55:40
https://dev-blog.apollodata.com/apollo-server-1-0-a-graphql-server-for-all-node-js-frameworks-2b37d3342f7c

Apollo GraphQL

Apollo Server 1.0 — A GraphQL Server for all Node.js frameworks

Use GraphQL with Express, Hapi, Koa, Lambda, Micro, Restify, etc.

mrorz 15:04:58
這個我在 cofacts 有用喲,到現在沒啥問題。

facebook 官方的那個他有說是 not for production 的 reference implementation,所以其實比起 facebook 官方版 server,用 graphql-server 其實是比較合適的。
jihchi 15:06:46
:+1:
mrorz 15:08:02
喔其實沒寫 express-graphql 是 not for production ._.

2017-07-21

mofas 09:01:39
https://twitter.com/drboolean/status/888156881142910978

twitter

I just published “Laziness with Representable Functors” <https://medium.com/p/laziness-with-representable-functors-9bd506eae83f>

mofas 10:23:18
@jihchi https://medium.com/@mofas223/why-data-structure-is-just-syntax-sugar-in-fp-81c6d9c2392b

Medium

Why data structure is just syntax sugar in FP – Mofas – Medium

When I start to learn programming language. I hear the concept that “Closure is data and data is closure. They are just the two sides of…

jihchi 10:29:42
mofas: car / cdr 要不要用完整字,用縮寫有點 confuse
mofas 10:30:45
it is long-time convention in LISP family.
jihchi 10:30:47
oops, 抱歉
jihchi 10:30:54
下面就是 car / cdr XD
jihchi 10:43:50
@mofas `const concat = xs => ys => typeof xs === 'function' ? cons(car(xs), concat(cdr(xs), ys)) : ys;`
mofas 10:45:11
哎呀 那邊有邊界bug :stuck_out_tongue:
mofas 10:45:13
等等修
jihchi 10:55:39
我看完 submit 到 HN 喔~?
jihchi 11:16:40
看完真的懂 `Closure is data and data is closure` XD 感謝大大
jihchi 11:27:56
review done
jihchi 10:23:55
AWESOME!
mofas 11:09:31
list concat 修好惹
mrorz 18:26:29
請問有沒有人有用過 https://github.com/bodymovin/bodymovin
就是 designer 可以用 AfterEffect 出一個 json 檔
網頁方面就是載入 bodymovin.js,之後就可以讀一個 json 顯示一個動畫

GitHub

bodymovin/bodymovin

bodymovin - after effects to html library

jihchi 19:10:27
沒有 :cry:
kcliu 19:33:15
https://twitter.com/tjholowaychuk/status/888165833779720192

twitter

nice, Apollo's Optics is free for 1M requests/m <https://dev-blog.apollodata.com/apollo-optics-is-now-free-up-to-1-million-graphql-requests-a-month-d759248ea084>, really cool addition to GraphQL APIs

mofas 23:45:47
james long 用emac 寫 react.
mofas 23:46:39
這coding 速度有點快呀
mofas 23:46:49
阿, 我用1.5x看 = =

2017-07-22

jihchi 22:20:22
https://github.com/lord/slate

GitHub

lord/slate

slate - Beautiful static documentation for your API

jihchi 22:21:16
https://github.com/KingPixil/wade

GitHub

KingPixil/wade

wade - :ocean: Blazing fast, 1kb search for Javascript

jihchi 22:22:04
https://github.com/chrispsn/mesh

GitHub

chrispsn/mesh

mesh - Visualise data and edit JavaScript code using a spreadsheet interface.

2017-07-23

kcliu 12:52:55
https://twitter.com/robawise/status/888909239732772864

twitter

prettier-atom 0.37.0 released, adds GraphQL query formatting support and some error display fixes! <https://github.com/prettier/prettier-atom>

2017-07-24

jihchi 11:08:27
https://github.com/pedronauck/yarn-workspaces-example

GitHub

pedronauck/yarn-workspaces-example

yarn-workspaces-example - Sample monorepo project using new Yarn feature called Workspaces

jihchi 11:08:54
Maybe we don’t need lerna anymore..
jihchi 15:36:11
https://vuejsdevelopers.com/2017/07/24/critical-css-webpack/

Vue.js Developers

Let's Get Critical: Minimizing Render-Blocking CSS With Webpack

If we only load the CSS that's useful for the initial page render, our users will see the page quicker. Isolating critical CSS and loading non-critical CSS in idle time is something that can be done programmatically in your Webpack pipeline.

2017-07-25

jihchi 10:33:39
https://github.com/bahmutov/change-by-example

GitHub

bahmutov/change-by-example

change-by-example - Finds a function that transforms a given object into another given object.

mrorz 10:49:53
這有點酷
jihchi 10:51:29
很有趣。注意到 value 也會幫你 transform,範例就是 capitalize first letter
mrorz 13:25:32
Excel / spreadsheet 右下角拖曳補完的功能其實也是類似的應用,被選起來的 value 就是 example,找出規律 `nextValue = fn(prevValue)` 之後 apply 到空的格子
jihchi 13:29:56
:+1:
jihchi 10:37:32
http://2ality.com/2017/07/npm-packages-via-babel.html

2ality

A minimal setup for Babel-based npm packages

This blog post describes a minimal setup for producing npm packages via Babel. You can see that setup in action in the GitHub repository for `re-template-tag`.

jihchi