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/>

• 3

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

GitHub

asfktz/autodll-webpack-plugin

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

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>

GitHub

GianlucaGuarini/icaro

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

GitHub

jaredpalmer/formik

formik - Forms in React, without tears

GitHub

jquense/yup

yup - Dead simple Object schema validation

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>

GitHub

siddharthkp/bundlesize

bundlesize - Keep your bundle size in check

GitHub

sghall/resonance

resonance - Resonance | Data-driven transitions in React

Ptt 批踢踢實業坊

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

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

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>

• 👏1

twitter

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

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>

twitter

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

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>

GitHub

sacert/Bloom-Filter

Bloom-Filter - Bloom Filter Demo

GitHub

tomhodgins/reprocss

twitter

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

bogdan-lyashenko.github.io

Under the hood: ReactJS

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

GitHub

lipp/login-with

Stateless login-with microservice for OAuth

GitHub

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

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

twitter

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

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.

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/>

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/>

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.

• 🚨1

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

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

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 2017-07-07 10:29:25

RTRT 是啥
google 給了我一個動畫 MV，看起來很有趣 (x)

jihchi 2017-07-07 10:30:44

哪裡有 RTRT ？

mrorz 2017-07-07 10:35:39

`GET THOSE THURSDAY BUILDS INTO GEAR WITH #WEBPACK 3.1 RTRT`

jihchi 2017-07-07 10:35:58

喔喔喔。retweet! retweet!

mrorz 2017-07-07 10:36:08

原來是 retweet w

jihchi 2017-07-07 10:36:17

一種很 high 的口氣

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>

• 💯1

twitter

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

GitHub

jxnblk/rebass

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

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>

zeit.co

Now Desktop 2

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

• 🎉2

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/>

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 2017-07-09 19:21:25

kcliu: Cool, 更高一層的 declarative UI。
不過我自己是覺得 React component 現在提供的 api 就足夠 declarative 了，對於多一層到底有沒有比較好讀，我持保留態度 @@

jihchi 2017-07-10 09:38:10

這跟 recompose 做的事情一樣。後來都改用原本 React API，如同 @mrorz 所說，既有 API 就很足夠。

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>

• 👍1

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

GitHub

stratiformltd/react-loadable-visibility

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

twitter

vertical-align in CSS

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>

twitter

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

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/>

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>

twitter

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

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>

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>

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>

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

Medium

emotion – Kye Hohenberger – Medium

The Next Generation of CSS-in-JS

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>

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>

twitter

when you roll your own crypto

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>

GitHub

tiansijie/reason-react-infinity-menu

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

twitter

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

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>

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

twitter

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

twitter

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

Google Developers

What's New In DevTools (Chrome 59)  |  Web  |  Google Developers

New features and changes coming to DevTools in Chrome 59.

Medium

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

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

Hacker Noon

ES8 was Released and here are its Main New Features :fire:

The new features of the EcmaScript specification 8th edition

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

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…

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>

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>

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)

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>

twitter

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

jihchi 2017-07-14 10:07:26

mofas: 看起來可以自己定一個 vendor 然後用 now 去 deploy code

jihchi 2017-07-14 10:13:21

不過要 push 到 now repo 的 publishers 下面

GitHub

gpujs/gpu.js

gpu.js - GPU Accelerated JavaScript

twitter

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

Medium

webpack freelancing log book (week 12–14) – webpack – Medium

2017/06/19–2017/07/09

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 2017-07-14 13:35:33

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

yhsiang 2017-07-14 19:51:30

我之前就知道了！ XD

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` 取

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…

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>

twitter

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

twitter

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

GitHub

bahmutov/node-mock-examples

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

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

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>

• 1

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>

GitHub

andreas/ocaml-graphql-server

ocaml-graphql-server - GraphQL servers in OCaml

• 🔥1

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…

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 2017-07-20 15:04:58

這個我在 cofacts 有用喲，到現在沒啥問題。

facebook 官方的那個他有說是 not for production 的 reference implementation，所以其實比起 facebook 官方版 server，用 graphql-server 其實是比較合適的。

jihchi 2017-07-20 15:06:46

👍

mrorz 2017-07-20 15:07:25

https://github.com/apollographql/apollo-server#comparison-with-express-graphql

mrorz 2017-07-20 15:08:02

喔其實沒寫 express-graphql 是 not for production ._.

• 😂1
• 👍3

twitter

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

wincent.com

Searching for the Holy Grail · wincent.com

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…

• 🎉1
• 1

jihchi 2017-07-21 10:29:42

mofas: car / cdr 要不要用完整字，用縮寫有點 confuse

mofas 2017-07-21 10:30:45

it is long-time convention in LISP family.

jihchi 2017-07-21 10:30:47

oops, 抱歉

jihchi 2017-07-21 10:30:54

下面就是 car / cdr XD

jihchi 2017-07-21 10:43:50

@mofas `const concat = xs => ys => typeof xs === 'function' ? cons(car(xs), concat(cdr(xs), ys)) : ys;`

mofas 2017-07-21 10:45:11

哎呀 那邊有邊界bug 😛

mofas 2017-07-21 10:45:13

等等修

jihchi 2017-07-21 10:55:39

我看完 submit 到 HN 喔~?

jihchi 2017-07-21 11:16:40

看完真的懂 `Closure is data and data is closure` XD 感謝大大

jihchi 2017-07-21 11:27:56

review done

GitHub

bodymovin/bodymovin

bodymovin - after effects to html library

jihchi 2017-07-21 19:10:27

沒有 😢

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

YouTube

Livestream 7/20/2017

• 🚀2

GitHub

lord/slate

slate - Beautiful static documentation for your API

GitHub

KingPixil/wade

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

GitHub

chrispsn/mesh

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

twitter

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

GitHub

pedronauck/yarn-workspaces-example

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

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.

GitHub

bahmutov/change-by-example

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

mrorz 2017-07-25 10:49:53

這有點酷

jihchi 2017-07-25 10:51:29

很有趣。注意到 value 也會幫你 transform，範例就是 capitalize first letter

mrorz 2017-07-25 13:25:32

Excel / spreadsheet 右下角拖曳補完的功能其實也是類似的應用，被選起來的 value 就是 example，找出規律 `nextValue = fn(prevValue)` 之後 apply 到空的格子

jihchi 2017-07-25 13:29:56

👍

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

Times Open

React, Relay and GraphQL: Under the Hood of the Times Website Redesign

The New York Times website is changing, and the technology we use to run it is changing too.

GitHub

mike-engel/babel-plugin-bucklescript

babel-plugin-bucklescript - Write ReasonML and Bucklescript in your existing babel projects

twitter

Video of my talk "CSS Houdini: From CSS Custom Properties to JS Worklets and back" <https://www.youtube.com/watch?v=66E0_QFnmlA> Slides: <http://slides.com/malyw/houdini#/>

twitter

Killer feature of npx: run one-off tools (think yeoman) without an install. <https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b#fa4a>

twitter

Some good points here, but please note you can keep using require('create-react-class') forever :slightly_smiling_face: <https://medium.com/@betaorbust/we-jumped-the-gun-moving-react-components-to-es2015-class-syntax-2b2bb6f35cb3>

twitter

:rotating_light::rotating_light: You better believe it!! #webpack 3.4.0 is shipped! Huge amt. of Perf updates and :bug: fixes! :rotating_light::rotating_light: #javascript Update, Test, File Issues, RT:bow: <https://pbs.twimg.com/media/DFmjEqwXgAES-bx.jpg>

twitter

Hooray, Promise.prototype.finally (<https://github.com/tc39/proposal-promise-finally>) is now stage 3! (<https://github.com/tc39/proposals/commit/daa3ca6f11b36e32582944c8e84c3f86328d25ba>)

twitter

Testing ScrollBoundaryBehavior in Chrome. Remove pesky non-passive listeners and make scrolling smooth! <https://wicg.github.io/scroll-boundary-behavior/>

grabient.com

Grab yourself a gradient

Beautiful and simple UI for generating web gradients.

GitHub

clauderic/react-tiny-virtual-list

react-tiny-virtual-list - A tiny but mighty 3kb list virtualization library, with zero dependencies :muscle: Supports variable heights/widths, scrolling to index, and more!

twitter

Why? Because we now don’t let React get into inconsistent state. Learn more about error handling in React 16: <https://facebook.github.io/react/blog/2017/07/26/error-handling-in-react-16.html>

twitter

Is Fiber ready yet? We'd say yes. :grinning: Just released a beta of React 16! <http://isfiberreadyyet.com> :tada:

twitter

<http://chromestatus.com> has a new (and super handy) schedule page with all upcoming features: <https://www.chromestatus.com/features/schedule> - awesome. <https://pbs.twimg.com/media/DFs5TQhU0AACyb_.jpg>

Jih-Chi Lee

https://twitter.com/dan_abramov/status/890359151771168773

Why? Because we now don’t let React get into inconsistent state. Learn more about error handling in React 16:

• Forwarded from #frontend-tech
• 2017-07-27 08:47:08

• 💪2

GitHub

graphcool/chromeless

chromeless - :desktop_computer: Chrome automation made simple. Runs locally or headless on AWS Lambda.

Ptt 批踢踢實業坊

[徵才] 旋轉拍賣八月台灣徵才週暨 ModernWeb贈票

旋轉抽獎 2017 ModernWeb Ticket 登登登！ 千呼萬喚始出來～～～ 2017 ModernWeb 議程熱騰騰出爐啦！ 議程表：<http://modernweb.tw/agenda.html> 聽說今年講者高手雲集，許多議程非常精彩 Carousell 自家工程師表示流口水想聽XD ((遞衛生紙

twitter

Error boundaries! Where have you been all my life? #reactjs <https://pbs.twimg.com/media/DFGwcKSXsAEtVaQ.jpg>

twitter

Just won the coolest React T-shirt ever :heart_eyes::heart_eyes::heart_eyes: <https://twitter.com/reactkyiv/status/889761313391620096>

twitter

Крутые новости! Мы устраиваем розыгрыш! Ретвитни, чтобы получить нашу футболку с новым принтом! :tada: :sparkles: В четверг мы выберем победителя <https://pbs.twimg.com/media/DFkMj12XgAAyf3G.jpg>

• 😍2

twitter

D3 in Depth: An Intermediate Guide to D3 Visualizations - <http://d3indepth.com/>

GitHub

rikschennink/fitty

fitty - Makes text fit perfectly.

mrorz 2017-07-31 10:56:55

4 年前有人做過一個更小的版本？
https://github.com/adactio/FitText.js

mrorz 2017-07-31 10:57:14

啊但他沒有 multiline support 那些的

GitHub

jxnblk/styled-system

styled-system - Design system utilities for styled-components, glamorous, and other css-in-js libraries

twitter

javascript is wild

• 😂2

GitHub

geelen/react-snapshot

react-snapshot - A zero-configuration static pre-renderer for React apps

Hacker Noon

Top Resources to Explore React Fiber – Hacker Noon

The new React version was released; Stay updated by reading about the innovations