frontend-tech

Month: 2017-11

2017-11-01

jihchi 08:31:34
https://twitter.com/nodejs/status/925394447189323776

twitter

:tada:Node.js 8.9.0 goes into LTS support and Node.js 9.0.0 becomes the new Current release today. More details here: <http://bit.ly/2z1kAcJ> <https://pbs.twimg.com/media/DNepWBQUQAA4usi.jpg>

jihchi 08:34:29
https://twitter.com/jlongster/status/925438078172397568

twitter

Mwahaha. Want to see which components are rendering across your entire app? Do this: <https://pbs.twimg.com/media/DNfRBYYWsAA6In2.jpg>

jihchi 09:50:32
https://github.com/alebcay/awesome-shell

GitHub

alebcay/awesome-shell

awesome-shell - A curated list of awesome command-line frameworks, toolkits, guides and gizmos. Inspired by awesome-php.

2017-11-02

mofas 08:37:09
今天我請我team member 幫他的python script 加一下 requirements.txt
這是他的commit.
jihchi 09:36:34
從字面上解讀沒錯啊 XD ,準確一點來說是要 for pip install 用的 requirements.txt
mrorz 10:17:15
拍拍
mrorz 10:17:47
至少他會用 git
jihchi 10:18:58
說不定是 Github 介面直接 edit
mrorz 10:20:31
那⋯⋯至少他會用 github
jihchi 10:20:55
XD
mofas 10:39:03
上次我不是有抱怨有同學是用資料夾做VC....
mrorz 10:39:43
同一人嗎 囧
jihchi 10:40:32
用 vcs 去做 vc 反而是少數人吧?
jihchi 08:58:02
https://engineering.salesforce.com/optimizing-performance-with-web-workers-612b48621d8d

Salesforce Engineering

Optimizing Performance with Web Workers – Salesforce Engineering

The Salesforce Charts team is constantly pushing for better runtime performance because of our intense data processing and rendering needs…

jihchi 09:01:35
https://www.haproxy.com/blog/whats-new-haproxy-1-8/

HAProxy Technologies

What's New in HAProxy 1.8 - HAProxy Technologies

The monumental stable release of HAProxy 1.8 is coming! The HAProxy 1.8 release candidate 1 (RC1) has been published by the R&amp;D team here at HAProxy Technologies, and in this blog post we are going to take you through some of the release highlights, new features, and configuration examples to get you up to speed. …

jihchi 09:17:08
https://spin.atomicobject.com/2017/10/30/using-state-tables-for-testing/

Nah... I don’t agree with this method

Atomic Spin

Using State Tables for Testing – Simple, Scalable, Concise

Using state tables for testing is great for situations where there are a variety of inputs for a function that produce different results.

jihchi 09:21:30
https://www.codementor.io/vuejsdevelopers/critical-css-and-webpack-automatically-minimize-render-blocking-css-aaifvn8vw

codementor.io

Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS | Codementor

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-11-03

mofas 01:39:12
https://code.visualstudio.com/docs/editor/multi-root-workspaces

code.visualstudio.com

Multi-root Workspaces in Visual Studio Code

You can open and work on multiple project folders in Visual Studio Code with multi-root workspaces.

mofas 01:39:26
Really good feature

2017-11-05

mofas 09:43:24
reactive conf 最近很被人靠北 但是還是有些talk可以看

2017-11-07

jihchi 08:29:12
https://twitter.com/ebidel/status/927597109951582209

twitter

MS using Chrome+Puppeteer for visual diffs in their new UI lib <https://github.com/microsoft/YamUI/>. Should also use web components, but who’s count’n :) <https://pbs.twimg.com/media/DN98ptIV4AAaMC2.jpg>

jihchi 08:35:10
https://twitter.com/bmeurer/status/927500214436589568

twitter

Using Object.keys instead of for..in is a good performance advice by <https://twitter.com/lucasazzola|@lucasazzola>. :+1: <https://github.com/babel/babel/pull/6748> <https://pbs.twimg.com/media/DN8kLSRWkAAUabx.png>

jihchi 10:36:42
https://github.com/mapbox/pixelmatch

GitHub

mapbox/pixelmatch

pixelmatch - The smallest, simplest and fastest JavaScript pixel-level image comparison library

mofas 13:36:24
https://github.com/prettier/prettier/releases/tag/1.8.0

GitHub

prettier/prettier

prettier - Prettier is an opinionated code formatter.

mofas 13:36:30
even markdown

2017-11-08

jihchi 08:25:23
https://twitter.com/nodejs/status/927986152652656641

twitter

It's #Nodejs Release Day :grinning: v4.8.6 <https://nodejs.org/en/blog/release/v4.8.6/> v6.12.0 <https://nodejs.org/en/blog/release/v6.12.0/> v9.1.0 <https://nodejs.org/en/blog/release/v9.1.0/> (8.x coming later)

jihchi 08:25:47
https://twitter.com/jack_franklin/status/927795582386802688

twitter

Prettier 1.8 formats not only Markdown but any code within it! This is amazing for blogging. <https://twitter.com/lucasazzola/status/927748862197899264>

twitter

Just released version 1.8 of Prettier! Features Markdown support thanks to <https://twitter.com/ikatyang_|@ikatyang_>, JSDoc realignment, and more! <https://github.com/prettier/prettier/releases/tag/1.8.0>

jihchi 08:31:54
https://twitter.com/d__gilbertson/status/927809526346240000

twitter

I just published “Using a React 16 Portal to do something cool” <https://medium.com/p/using-a-react-16-portal-to-do-something-cool-2a2d627b0202>

mrorz 11:59:50
是說如果不管 IE11, CSS grid 應該完全可以用了呢
https://www.youtube.com/watch?v=AqwPrR7hklE

https://caniuse.com/#feat=css-grid Edge 也有了

YouTube

CSS Grid: Micro Tip #18 - Supercharged

mofas 14:07:26
https://aerolab.co/blog/flexbox-grids/

Aerolab

Flexbox and Grids, your layout’s best friends

We decided to debunk the myths around Flexbox &amp; Grids in order to show you the power of these two technologies working together. Read more!

jihchi 22:34:26
https://github.com/frappe/charts

GitHub

frappe/charts

Simple, responsive, modern SVG Charts with zero dependencies: <https://frappe.github.io/charts>

jihchi 22:35:19
https://github.com/weaveworks/scope

GitHub

weaveworks/scope

scope - Monitoring, visualisation &amp; management for Docker &amp; Kubernetes

jihchi 22:35:59
https://serverjs.io/

serverjs.io

Server.js - server.js

Flexible and powerful server for Node.js

jihchi 22:36:20
https://xtianmiller.github.io/emergence.js/

xtianmiller.github.io

Emergence.js

Lightweight, high-performance JS plugin for detecting and manipulating elements in the browser.

jihchi 22:37:24
https://github.com/Chimeejs/chimee

GitHub

Chimeejs/chimee

chimee - a video player aims to bring wonderful experience on browser

jihchi 22:38:54
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

GitHub

Bogdan-Lyashenko/js-code-to-svg-flowchart

js-code-to-svg-flowchart - js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Ex...

2017-11-09

jihchi 08:32:56
https://twitter.com/dan_abramov/status/928416763343261697

twitter

Just released: react@16.1.0-rc react-dom@16.1.0-rc This really is the last call for reporting issues :upside_down_face:. Releasing React 16.1.0 tomorrow.

jihchi 09:11:56
v3.1.2
https://github.com/gaearon/react-hot-loader/releases/tag/v3.1.2

GitHub

gaearon/react-hot-loader

react-hot-loader - Tweak React components in real time.

mofas 11:18:09
OMG 原來windows 可以跑linux subsystem了
mofas 11:18:09
https://msdn.microsoft.com/en-us/commandline/wsl/install-win10

msdn.microsoft.com

Install the Linux Subsystem on Windows 10

Installation instructions for the Linux Subsystem on Windows 10.

mofas 11:18:43
Mac Pro 下一代我真的不行..
mofas 11:18:44
https://char.gd/blog/2017/why-i-left-mac-for-windows-apple-has-given-up

Charged

Why I left Mac for Windows: Apple has given up | Charged

I'm a die-hard Apple user, but after years of watching the Mac slowly die, I've switched back to Windows. Here's the story of why I moved back to Windows, and what I've found so far.

mofas 11:21:40
https://twitter.com/_clarkio/status/928424901161218048

twitter

:rotating_light: The <https://twitter.com/code|@code> October release is out! This is one you do not want to miss! :rotating_light: Full details :point_right: <https://aka.ms/vscode-oct17> :video_camera: highlights rolling :point_down:

jihchi 18:43:17
https://twitter.com/lukejacksonn/status/928244319760220160

twitter

8 immutable arrays operations you should know :memo::nerd_face: #javascript #es6 <https://pbs.twimg.com/media/DOHIrXPV4AA2ATJ.png>

2017-11-10

jihchi 08:37:50
https://twitter.com/brian_d_vaughn/status/928656842514944000

twitter

React v16.1 is available! Go go go! :sunglasses: <https://github.com/facebook/react/releases/tag/v16.1.0>

jihchi 08:40:16
https://twitter.com/algolia/status/928680468094115840

twitter

<https://twitter.com/yarnpkg|@yarnpkg> and Algolia: one year of #opensource collaboration, 700,000 user searches per month :tada: <https://blog.algolia.com/yarn-search-javascript-packages/> <https://pbs.twimg.com/media/DONV9qyWsAITFOj.png>

jihchi 08:44:25
https://twitter.com/mylesborins/status/928306729888239616

twitter

Oh Hey Taiwan I'm going to visit soon and run a half day of <https://twitter.com/nodejs|@nodejs> events * A talk * A Node.js Values Session * Code + Learn Come learn about node, help guide our culture, and land your first commit :tada: <https://jsdc-tw.kktix.cc/events/jsdcworkshopcodeandlearn201711>

jihchi 09:31:29
https://github.com/yahoo/blink-diff

GitHub

yahoo/blink-diff

blink-diff - A lightweight image comparison tool

jihchi 09:33:04
https://github.com/JorgeBucaran/getopts

GitHub

JorgeBucaran/getopts

getopts - Node.js CLI options parser.

jihchi 18:42:24
https://twitter.com/aweary/status/928848521012195328

twitter

:dizzy: you can push into Array.prototype and totally mess up empty arrays <https://pbs.twimg.com/media/DOPuoKKUEAANtF6.jpg>

jihchi 18:42:46
https://twitter.com/nikgraf/status/928897338827034624

twitter

Excited to announce DraftJS Plugins 2.0:balloon::tada: A plugin architecture for Draft.js now including rich text editing toolbars and features like Drag’n’Drop &amp; Alignment for Atomic Blocks like images <https://medium.com/@nikgraf/announcing-draftjs-plugins-2-0-8c25f2a4df55> Thx to <https://twitter.com/juliandoesstuff|@juliandoesstuff> who took over the project recently:clap:

2017-11-12

mofas 02:29:16
https://twitter.com/thomasfuchs/status/928808041587314689
React is powerful but the complexity it brought is still a lot.

twitter

Here we see a react engineer deploying a contact form <https://pbs.twimg.com/media/DOPJ_TNXcAAt61N.jpg>

jihchi 10:31:01
https://github.com/remotestorage/remotestorage.js

GitHub

remotestorage/remotestorage.js

remotestorage.js - ⬡ JavaScript client library for integrating remoteStorage in apps

2017-11-13

mofas 13:15:41
Really cool article!

2017-11-14

jihchi 08:29:20
https://twitter.com/browniefed/status/930109641077407744

twitter

v16.1.1 of <https://twitter.com/reactjs|@reactjs> is out! Get it while it's hot. <https://github.com/facebook/react/releases/tag/v16.1.1>

jihchi 08:34:56
https://twitter.com/kentcdodds/status/930088909408632833

twitter

I just published “Rendering a function with <https://twitter.com/reactjs|@reactjs>” <https://blog.kentcdodds.com/rendering-a-function-with-react-ca3eaf0751e2>

Michael Hsu 09:30:12
https://twitter.com/paularmstrong/status/930120195133210624

twitter

On Twitter Lite, we ensure our components are as fast to mount and update as possible. Without react-addons-perf in v16, we needed another solution. In comes react-component-benchmark. <https://github.com/paularmstrong/react-component-benchmark>

jihchi 09:48:44
https://github.com/vladgolubev/serverless-libreoffice

GitHub

vladgolubev/serverless-libreoffice

serverless-libreoffice - Convert any document to PDF with headless Libreoffice compiled to run on AWS Lambda

2017-11-15

jihchi 09:29:32
Who is he
mofas 09:34:04
Well, a old guy who get turing award.
mofas 09:34:13
https://vimeo.com/242081961

Vimeo

Finding joy in programming

When is programming intrinsically fun, and when is it laborious? What drives some developers towards the rapidly developing JavaScript ecosystem, while others flock to less-developed and more esoteric languages and ecosystems? What keeps us using metaphors and abstractions developed so many decades before, when we've spent so much effort designing clean-slate systems? We'll look at this discussion through the prism of ReasonML, a new syntax and set of tooling around OCaml. OCaml itself is more than 20 years old and is wildly popular amongst academics, but is largely unknown in the industry. We'll see how Reason straddles the spectrum of the questions above to bring all of that horsepower to bear on industry problems - through a syntax and developer experience appealing to pragmatists, an emphasis on FP and a type system meant to draw in purists, and a focus on incremental migration that means we can use it in the systems of yesteryear while moving towards the abstractions of tomorrow. Key takeaways What's Reason What makes Reason uniquely suited for bringing joy to certain classes of problems Why now? OCaml is more than 20 years old How can you get start using it today in your work and side projects?

mofas 09:34:21
Another excellent talk
mofas 09:37:40
簡而言之Alan kay搞了smalltalk 是現在一堆OO語言的前身, 他也搞GUI, IDE概念是他先開始的
Michael Hsu 10:36:23
https://twitter.com/evanhlucas/status/930574983583191040

twitter

Go get v9.2.0 of <https://twitter.com/nodejs|@nodejs> at <https://nodejs.org/en/blog/release/v9.2.0>. * exposes process.ppid * exposes fs.realpathSync.native and fs.realpath.native * Supports building with OpenSSL 1.0.2 *and* 1.1.0

Michael Hsu 14:08:44
Why graphql-tools > graphql.js
> it allows frontend developers to start working against a mocked API, before it is actually implemented by backend developers— thanks to the SDL.
mrorz 14:18:47
終於看到在一篇文章中把 GraphQL 的 resolver 特性說清楚講明白的文章了 XD

不過,其實文章中的這段其實只說對一半:
> The only way for you to make your GraphQLSchema executable (with GraphQL.js) is by manually adding the resolve functions to the schema’s fields.

因為 GraphQL.js 現在的文件會教你用 default resolve 來做事情:http://graphql.org/graphql-js/object-types/

注意他每個 resolve function 都會回傳一個 object instance,該 object 的每個 property 的名字跟下層 Object Type 的 field name 符合,讓 `graphql` 去解析 default resolver (見 http://graphql.org/graphql-js/type/#graphqlobjecttype

graphql.org

GraphQL: A query language for APIs.

GraphQL provides a complete description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools.

mrorz 14:20:25
只是 GraphQL.js 官方文件這個做法,沒有考量到 custom scalar type 怎麼透過 schema definition language 設定,也沒有考量到 Enum type 如果 value name 與 value 不一樣的話該怎麼辦。(理論上這兩者應該都 outside of schema language’s concern,等於無解⋯⋯)

From https://github.com/graphql/graphql-js/issues/525 ,leebyron 表示:
> For this very reason, the first example cannot be achieved by using the schema language alone since it requires specifying an internal implementation detail.

這一點,甚至連 graphql-tools 也還沒解:
https://github.com/apollographql/graphql-tools/issues/363
Michael Hsu 14:27:40
其實我也還沒用過 GraphQL 像你們一樣建置大型的專案XD
所以目前沒踩到像你說的雷 哈哈 只是覺得 graphql-tools 寫起來清爽一些
不過聽起來還是 Graphql.js 較靠譜一點
mofas 22:01:04
Graphql.js 其實subscription 也沒做好
mofas 22:01:17
所以apollo 的比較完整
mofas 22:01:28
但是apollo 又加了一些自己的東西進去
mofas 22:01:40
不是那麼喜歡 :disappointed:

2017-11-16

mofas 07:55:08
https://jamesfriend.com.au/a-first-reason-react-app-for-js-developers
中文版是阿奇翻ㄉ

jamesfriend.com.au

A First Reason React app for Javascript developers | James Friend

*This post has been updated to use the new Reason 3 syntax, and to account for API changes in Reason React. A Traditional Chinese translation of an older version of this article is available [here](<http://987.tw/a-first-reason-react-app-for-javascript-developers/>).* [Reason](<https://facebook.githu>

jihchi 08:28:57
中文版還沒更新到 reason 3 syntax
jihchi 08:27:52
https://t.co/xteYN0i9Yq?ssr=true

code.visualstudio.com

Introducing Visual Studio Live Share

Real-time collaborative development

jihchi 08:28:57
中文版還沒更新到 reason 3 syntax
jihchi 08:40:42
為什麼我還繼續用 RSS (Feed)
https://blog.gslin.org/archives/2017/11/16/7776/%e7%82%ba%e4%bb%80%e9%ba%bc%e6%88%91%e9%82%84%e7%b9%bc%e7%ba%8c%e7%94%a8-rss-feed/

同意

Gea-Suan Lin's BLOG

為什麼我還繼續用 RSS (Feed)

最近在一些地方冒出兩篇文章 (應該是 Nuzzle 與 Hacker News,放在 tab 上好幾天,不是那麼確定來源...),一篇是最近發的「The Case for RSS」,另外一篇是五月的文章「RSS: there's nothing better」。這邊講的 RSS 比較廣義,不侷限於 RSS {0.

Michael Hsu 09:16:50
https://twitter.com/zeithq/status/930878059305058304

twitter

Towards Next.js 5: Introducing Canary Updates <https://zeit.co/blog/next-canary> <https://pbs.twimg.com/media/DOskghJUQAAVEbq.jpg>

Michael Hsu 09:32:46
https://github.com/Gregoirevda/reason-apollo

GitHub

Gregoirevda/reason-apollo

Contribute to reason-apollo development by creating an account on GitHub.

mrorz 10:42:32
我這禮拜才升 next 4
現在又要 next 5 了嗎 wwwwww
jihchi 10:43:09
jihchi 10:43:19
走在最前端
jihchi 10:43:30
前端工程師
mrorz 10:43:35
為了你一直走在最前面
mrorz 10:44:57
next3 的 error 的 source map 確實怪怪的,我拿到的 stack trace 都是 compile 過後的 Orz
結果我還沒機會嘗試 next4 是否有改進,next5 就說要 improve sourcemap
cjies 10:47:54
https://github.com/blog/2468-introducing-teletype-for-atom-code-collaboratively-in-real-time

GitHub

Introducing Teletype for Atom: Code collaboratively in real time

Writing code with other developers can be a great way to onboard teammates, get to know how your peers think, and learn new skills. Unfortunately, writing code together can be difficult to coordina...

mofas 12:36:16
Graphql summit all video are up
mofas 12:50:44
https://www.youtube.com/watch?v=bn8qsi8jVew
禮拜人很久以前講的graphql subscription 終於上線惹

YouTube

Introducing GraphQL Subscriptions - Lee Byron

jihchi 18:52:59
https://twitter.com/addyosmani/status/931056133049016320

twitter

New blog post: "The Cost Of JavaScript" <https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e> Loading JS fast = only send what you need + less transfer time + less time parsing/compiling code :fire:

jihchi 18:59:27
https://twitter.com/the_patima/status/931088513184931840

twitter

Holy banana pancakes! This is seriously all kinds of wows and wonders. What a rad tool for generating CSS animations. People are awesome. <http://animista.net/> Thanks for sharing, <https://twitter.com/ddmoore|@ddmoore>!

itsmisscs 23:41:58
About to dive into a gatsbyjs + AMP project. any folks here ever use gatsby?

2017-11-17

mofas 01:18:57
I think the most people here use next :stuck_out_tongue:
mofas 01:18:59
https://dev-blog.apollodata.com/apollo-client-2-0-beyond-graphql-apis-888807b53afe

Apollo GraphQL

Apollo Client 2.0: Beyond GraphQL APIs – Apollo GraphQL

Learn how to manage all your app data with Apollo in my talk from GraphQL Summit 2017

itsmisscs 03:21:26
how do you like next? was between next and gatsby
jihchi 08:25:00
https://twitter.com/jaredpalmer/status/930930044649852929

twitter

react-fns :atom_symbol: React components, hoc's, and utilities functions for common browser API's <https://github.com/jaredpalmer/react-fns>

jihchi 08:25:49
https://twitter.com/compuives/status/931216045519630338

twitter

Announcing CodeSandbox 2.0 :beach_with_umbrella: - Commit, open PRs and create repos right from within CodeSandbox. - A completely new and redesigned homepage. - Static file hosting support from the `public` directory. <https://medium.com/@compuives/announcing-codesandbox-2-0-938cff3a0fcb>

jihchi 08:27:47
https://twitter.com/housecor/status/931195180220370944

Cool!

twitter

Tip: Does your project work better with <https://twitter.com/code|@code> (VS Code) extensions? List recommended extensions in .vscode/extensions.json, and VS Code will prompt users to install them with a single click. :+1: <https://pbs.twimg.com/media/DOxFFH8XkAIyfDB.jpg>

Michael Hsu 10:11:18
https://twitter.com/timdorr/status/931181762969001987

twitter

:tada: Redux 4.0.0-beta.1 is out! :tada: :white_check_mark: New TS definitions. :white_check_mark: Bundled CJS and ES builds. :white_check_mark: Tightened up behaviors. No breaking changes for most apps! Give it a whirl and let us know if there are problems. npm install redux@next <https://github.com/reactjs/redux/releases/tag/v4.0.0-beta.1>

2017-11-18

jihchi 22:19:34
https://twitter.com/vjeux/status/931756192510107648

twitter

Prettiet now has a twitter account :) <https://twitter.com/PrettierCode|@PrettierCode>

2017-11-19

WilsonWang 21:01:21
@wilson8507 has joined the channel

2017-11-20

jihchi 23:16:51
https://github.com/tj/node-prune TJ 最新力作

GitHub

tj/node-prune

node-prune - Remove unnecessary files from node_modules (.md, .ts, etc)

jihchi 23:17:21
node-prune written in golang

2017-11-21

mofas 01:41:25
https://blog.thoughtram.io/angular/2017/11/20/custom-overlays-with-angulars-cdk.html

Articles by thoughtram

Custom Overlays with Angular's CDK

The Angular Material CDK provides us with tools to build awesome and high-quality Angular components without adopting the Material Design visual language. Its goal is to make our life as developers easier and extract common behaviors and patterns shared between multiple Angular Material components. In this post, we'll use the CDK to build a custom overlay that looks and feels much like the Google Drive file preview overlay.

mofas 01:41:35
看到這篇我就覺得angular 徹底沒救了
mofas 01:41:43
我還以為我在看JAVA
mofas 01:47:23
到底為啥變得越來越像老舊的OO pattern
mofas 02:51:00
Good talk
mofas 02:58:13
雖然最近ng很鳥, 但是可以看一下Igor的talk
https://www.youtube.com/watch?v=75ObMlqrhFY

YouTube

ReactiveConf 2017 - Igor Minar: Let's Tree-shake it...

lee 03:08:07
@lee has joined the channel
jihchi 08:27:21
https://twitter.com/leeb/status/932686319553101824

twitter

Apollo has been a good member of the GraphQL community, but I've heard from some of you about confusion around these ads so to clarify: Apollo/Meteor is not the “official” supporter of the GraphQL community, nor are they the original engineers behind GraphQL. <https://pbs.twimg.com/media/DPGQ-I9VQAAT5ju.jpg>

jihchi 08:27:37
https://twitter.com/monicalent/status/932220114317037568

twitter

Hey :wave:There's a new post on my blog about configuring vim for writing Haskell. Save yourself some time and check it out! #vim #haskell <http://monicalent.com/blog/2017/11/19/haskell-in-vim>

jihchi 08:37:22
https://twitter.com/rauschma/status/932291053633359872

twitter

Object destructuring (*) works for Arrays: &gt; const {0:a, 2:b, length:l} = ['foo', 'bar', 'baz']; &gt; a 'foo' &gt; b 'baz' &gt; l 3 (*) <http://exploringjs.com/es6/ch_destructuring.html>

jihchi 08:39:47
https://twitter.com/wesbos/status/932670660702294017

twitter

Just launched my Black Friday sale! 50% off all my courses: <http://LearnNode.com> <https://ES6.io> <http://ReactForBeginners.com> Enjoy! <https://pbs.twimg.com/media/DPGC-izV4AE60Tf.jpg>

jihchi 18:58:22
https://twitter.com/graphqlweekly/status/932895061175603200

twitter

:bulb:GraphQL Server Basics :woman:‍:school: Apollo Client 2.0 by <https://twitter.com/peggyrayzis|@peggyrayzis> :mortar_board:Angular &amp; Apollo tutorial on <http://howtographql.com> by <https://twitter.com/b_b4rry|@b_b4rry> :tv: <https://twitter.com/graphqlsummit|@graphqlsummit> videos and more in issue 76 <https://graphqlweekly.com/issues/76>

jihchi 18:58:54
https://twitter.com/mxstbr/status/932886615659286529

twitter

What's the best internationalization package for React? react-intl vs. i18next vs. js-lingui vs. ...? :point_right: <https://spectrum.chat/thread/9c0e95b6-3c52-4375-be99-71563f82cd2e>

mrorz 21:51:33
基本上我會覺得,無論選什麼,別選那種只能在 jsx 裡做的,脫離 jsx 就束手無策。

因為很多字串其實會放在非 jsx 的地方,例如 utility function,或甚至是 reducer 裡頭 @@
jihchi 00:39:12
:clap:
jihchi 19:06:51
https://twitter.com/thelarkinn/status/842817690951733248

twitter

:mag: Fun idea. Let's play #whatsInYourBundle!!! (RT!!) :mag_right: 1. Go install webpack-bundle-analyzer 2. Reply w/ image! 3. #webpack team will triage

kunl6 19:20:29
@kunl6 has joined the channel

2017-11-22

jihchi 08:33:49
https://twitter.com/ebidel/status/933012453637603329

twitter

Dynamic ES6 module import() has arrived! Pretty groovy for lazy loading code. Read more about it from <https://twitter.com/mathias|@mathias>: <https://developers.google.com/web/updates/2017/11/dynamic-import>

jihchi 08:34:28
https://twitter.com/malyw/status/932981104092569600

twitter

Dynamic import() is available in Chrome 63, Safari 11, EDGE 16. Using it, you can lazily load and execute JavaScript modules on demand. E.g. when you need to open a dialog, you can load the code for it. More info: <https://hospodarets.com/native-ecmascript-modules-dynamic-import> Demo: <https://codepen.io/malyw/pen/qVoZoR>

jihchi 08:34:58
https://twitter.com/prettiercode/status/932990041227448320

twitter

Support for EditorConfig is almost there. If anyone is willing to test it and give us some feedback would be great: <https://github.com/prettier/prettier/pull/3255>

jihchi 09:15:08
https://hackernoon.com/you-dont-need-to-know-dependency-injection-2e9d2ba1978a

Hacker Noon

You don’t need to know “Dependency Injection” – Hacker Noon

I’ve recently been party to an interview for a front-end position where a colleague asked the candidate — “What do you know about…

mofas 09:45:05
https://twitter.com/burkeholland/status/933018283065970688

twitter

I just figured out that the Emmet integration in <https://twitter.com/code|@code> can automatically determine image width and height. It also works on images that aren't even in your project!

jihchi 09:50:31
https://github.com/jamesknelson/govern

GitHub

jamesknelson/govern

govern - Component-based state management for React.

jihchi 09:53:33
https://medium.com/@skidding/cosmos-3-0-the-version-youll-fall-in-love-with-28a862ecf72e

Medium

Cosmos 3.0, the version you’ll fall in love with – Ovidiu Cherecheș – Medium

Three months ago I forced myself to make a decision. After years of on and off involvement with Cosmos, I had to either give it the…

mofas 10:35:04
react-router亂設計王推出了新的教學
https://twitter.com/ryanflorence/status/933086707368562694

twitter

I just published “FREE! Advanced React.js Lectures” <https://medium.com/p/free-advanced-react-js-lectures-a9fdcad008f3>

jihchi 10:43:59
XDDD
jihchi 19:11:22
https://twitter.com/prettiercode/status/933269965830082560

twitter

Prettier Code Formatter for <https://twitter.com/code|@code> is now supporting #Markdown. Which means you can simply invoke the shortcut (macOS: ⇧⌥F, Windows: Shift+Alt+F, Linux: Ctrl+Shift+I) on any Markdown document and it will format it with Prettier. Pretty cool right? <https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode>

jihchi 19:12:15
https://twitter.com/nginxorg/status/933154821653352450

twitter

crossplane - a fast and reliable NGINX configuration parser by the Amplify dev team is now on GitHub. Parse your NGINX config into JSON! <https://github.com/nginxinc/crossplane>

jihchi 23:15:36
https://www.getpapercss.com/

getpapercss.com

PaperCSS

The less formal CSS framework

jihchi 23:20:40
https://github.com/ankane/react-chartkick

GitHub

ankane/react-chartkick

react-chartkick - Create beautiful charts with one line of React

2017-11-23

jihchi 08:35:47
https://twitter.com/postcss/status/933425148090347520

twitter

Great way to use CSS Modules with React/Preact. It creates React components for every class in CSS file. So you have readable JSX without className attribute and classnames helper. <https://github.com/kossnocorp/decss> <https://pbs.twimg.com/media/DPQxOXNXcAASQv5.jpg>

mrorz 09:53:11
這滿妙的耶

寫的是 CSS modules
但用起來有一點像 Styled component(單指 root component 的部分)
jihchi 09:53:21
對啊
mrorz 09:53:56
@cjies 這看起來讚讚
jihchi 09:54:04
很有趣,more declarative 的寫法
cjies 09:54:53
但 tag 的部分怎麼處理? 萬物都是 div? XD
mrorz 09:56:18
<Button tag=“button” />
wuct 16:47:31
太多魔法了不喜歡
mrorz 17:20:13
應該只比 styled component 神奇一點點
mrorz 17:20:36
但精神完整保留
wuct 11:01:42
styled component 至少看得出來 component 是在哪裡被 create
wuct 11:01:56
anyway 真的很方便就是了
jihchi 11:02:10
magic~
jihchi 08:37:22
https://twitter.com/tdhopper/status/933013763938308096

twitter

<http://tldr.sh/> from <https://twitter.com/tldr_pages|@tldr_pages> is one of the niftiest things I've found in a while. <https://pbs.twimg.com/media/DPK7B-zWsAAuEbf.jpg>

mrorz 09:53:11
這滿妙的耶

寫的是 CSS modules
但用起來有一點像 Styled component(單指 root component 的部分)

2017-11-24

jihchi 08:39:55
https://twitter.com/jedwatson/status/933848066720874496

twitter

react-select@1.0.0 has finally been released :tada: <https://github.com/JedWatson/react-select> Massive improvements to ... everything. 250+ PRs merged since 0.9, a whole lot more issues closed, 14 betas, 10 rcs, and a huge amount of community support. So happy about it. Thanks to everyone involved!

jihchi 09:10:14
https://github.com/maxpert/raspchat/releases/tag/v1.0.0-alpha

GitHub

maxpert/raspchat

raspchat - A chat server that can run on Raspberry Pi

2017-11-25