frontend-tech

Month: 2018-12

2018-12-01

2018-12-02

mofas 23:32:30
好久沒寫React了

2018-12-03

mofas 09:42:38
https://overreacted.io/how-does-react-tell-a-class-from-a-function/

overreacted.io

How Does React Tell a Class from a Function? | Overreacted

Consider this component which is defined as a function: React also supports defining it as a class: (Until recently , that was the only…

mofas 23:26:24
https://overreacted.io/why-do-react-elements-have-typeof-property/

overreacted.io

Why Do React Elements Have a $$typeof Property? | Overreacted

You might think you’re writing JSX: But really, you’re calling a function: And that function gives you back an object. We call this object a…

2018-12-06

wuct 11:22:05
有人試用過 yarn plug an play 了嗎?

https://github.com/arcanis/rfcs/blob/6fc13d52f43eff45b7b46b707f3115cc63d0ea5f/accepted/0000-plug-an-play.md#4-solved-issues

看起來超快 https://twitter.com/dan_abramov/status/1047583342072406022?lang=en

想聽聽看經驗分享

GitHub

arcanis/rfcs

RFCs for changes to Yarn. Contribute to arcanis/rfcs development by creating an account on GitHub.

Michael Hsu 14:44:02
我記得上次看 是要等所有套件都支援才有辦法用?
wuct 18:06:19
咦我沒注意到,CRA2 是九月某個 commit 之後內建有用
wuct 18:07:45
就我目前理解應該是 package manager 這層處理掉,跟套件應該無關?
jihchi 15:13:07
CRA 2 神快,飛天了
mrorz 15:14:05
但除非你每天都在用 CRA2 新蓋 project 不然他應該差異不大
wuct 18:05:30
只要用到 yarn install 就有差吧,不是只有新蓋 project
wuct 18:08:32
大型 monorepo 應該可以加速超多
mrorz 23:24:50
對椰你們太大了

2018-12-07

jihchi 10:35:52
https://twitter.com/chromiumdev/status/1070790759937269761?s=12
cjies 14:30:53
icon 是一隻被操控的狐狸 QQ
jihchi 14:32:23
對應 puppeteer 的意含吧

2018-12-08

jihchi 14:21:00
Release Hooked the land · gaearon/react-hot-loader · GitHub
https://github.com/gaearon/react-hot-loader/releases/tag/4.5.2

GitHub

gaearon/react-hot-loader

Tweak React components in real time. Contribute to gaearon/react-hot-loader development by creating an account on GitHub.

2018-12-09

mofas 11:15:16
https://overreacted.io/how-does-setstate-know-what-to-do/

overreacted.io

How Does setState Know What to Do?

Dependency injection is nice if you don’t have to think about it.

mofas 11:20:28
https://overreacted.io/my-wishlist-for-hot-reloading/

overreacted.io

My Wishlist for Hot Reloading

I don't want a lot for Christmas. There is just one thing I need.

mofas 11:20:32
More
mofas 13:41:44
讀完之後才發現 Dan 也是inspiried by Bret Victor a lot!

2018-12-10

mofas 02:05:22
The way FB fight back Ad-block

2018-12-12

mofas 22:18:06
https://overreacted.io/optimized-for-change/

overreacted.io

Optimized for Change

What makes a great API?

mofas 22:18:18
Dan 寫的速度快要比我讀的速度還快了...
mofas 22:18:34
幸好終於放寒假了 lol
mofas 23:46:17
https://medium.com/react-in-depth/in-depth-explanation-of-state-and-props-update-in-react-51ab94563311

Medium

In-depth explanation of state and props update in React

In my previous article Inside Fiber: in-depth overview of the new reconciliation algorithm in React I laid the foundation required to…

2018-12-13

Michael Hsu 11:20:08
https://overreacted.io/why-do-hooks-rely-on-call-order/

overreacted.io

Why Do React Hooks Rely on Call Order?

Lessons learned from mixins, render props, HOCs, and classes.

2018-12-14

jihchi 07:40:34
:hammer_and_wrench: DevTools update!

The next release of React and React DevTools will add support for editing props for the following: function components, native elements (e.g. divs), context providers, React,memo, and React.forwardRef!

Crappy demo GIF at:

https://twitter.com/brian_d_vaughn/status/1073359260459782145?s=12
jihchi 07:48:41
We have made the tough decision to retire Nuclide, our Atom-based IDE. The code will be archived and available for use at http://github.com/facebookarchiv|github.com/facebookarchiv…. See all the details on the front page of http://nuclide.io|nuclide.io.

https://twitter.com/fbopensource/status/1072928679695548416?s=12

2018-12-17

jihchi 21:37:20
https://github.com/frontarm/navi

GitHub

frontarm/navi

Routing and static rendering for vanilla create-react-app. - frontarm/navi

jihchi 21:37:54
https://github.com/Eugeny/terminus

GitHub

Eugeny/terminus

A terminal for a more modern age. Contribute to Eugeny/terminus development by creating an account on GitHub.

jihchi 21:39:00
https://github.com/mlms13/bs-decode `bs-decode is an alternative to bs-json that focuses on structured, type-safe error handling, rather than throwing exceptions.`

GitHub

mlms13/bs-decode

Type-safe JSON decoding for ReasonML and OCaml. Contribute to mlms13/bs-decode development by creating an account on GitHub.

mofas 23:45:32
https://www.c82.net/blog/?id=79

c82.net

Making of Byrne’s Euclid

Creating an faithful online reproduction of a book considered one of the most beautiful and unusual publications ever published is a daunting task. Byrne’s Euclid is my tribute to Oliver Byrne’s most celebrated publication from 1847 that illustrated the geometric principles established in Euclid’s original Elements from 300 BC.

2018-12-18

2018-12-24

2018-12-26

HANA 11:48:47
@katiaiam7 has joined the channel

2018-12-29

mofas 00:50:14
https://overreacted.io/things-i-dont-know-as-of-2018/

overreacted.io

Things I Don’t Know as of 2018

We can admit our knowledge gaps without devaluing our expertise.

mofas 23:22:19
https://codesandbox.io/embed/r5qmj8m6lq

codesandbox.io

r5qmj8m6lq - CodeSandbox

CodeSandbox is an online editor tailored for web applications.

mofas 23:22:26
All use hook

2018-12-31

mofas 10:22:30
https://discoverthreejs.com/book/0-intro/welcome/

Discover three.js

0.Welcome | Discover three.js

Welcome, and get ready to Discover three.js! This book will teach you everything that you need to know to create stunning 3D web applications using three.js, in no time at all.

mofas 10:22:38
https://overreacted.io/the-elements-of-ui-engineering/

overreacted.io

The Elements of UI Engineering

What makes UI engineering difficult?