frontend-tech

Month: 2019-08

2019-08-09

mofas 12:16:07
https://reactjs.org/docs/testing-recipes.html

reactjs.org

Testing Recipes – React

A JavaScript library for building user interfaces

mofas 12:16:22
原來現在React test已經進化到這地步了
mofas 12:16:34
可以mock global, module, event, timer
mrorz 13:00:39
jest 魔法
`act()` 我還真沒用過
jihchi 22:49:28
Finally I am able to get rid of act warning in react-testing-library!!

2019-08-11

Nicolas 15:26:33
The link to #frontend-tech is a bit borderline but people here might know: what is the best alternative to Stripe or Braintree in Taiwan? (considering most importantly flexibility of the dev API and integration options)

2019-08-14

mrorz 19:33:54
“Native lazy loading has arrived!” by Andy Potts https://link.medium.com/gOoX3I228Y

`<img loading=lazy>`
Google Chrome 自創 property,非 HTML spec

link.medium.com

Native lazy loading has arrived!

This article will talk you through Chrome’s new native lazy loading feature and my experience using it at the BBC

2019-08-16

mrorz 09:45:21
React devtools 大改版唷
https://reactjs.org/blog/2019/08/15/new-react-devtools.html

reactjs.org

Introducing the New React DevTools – React Blog

We are excited to announce a new release of the React Developer Tools, available today in Chrome, Firefox, and (Chromium) Edge! What’s changed? A lot has changed in version 4! At a high level, this new version should offer significant performance gains and an improved navigation experience. It also offers full support for React Hooks, including inspecting nested objects. Visit the interactive tutorial to try out the new version or see the changelog for demo videos and more details. Which…

mrorz 09:55:05
關於「預設隱藏 div」與「不顯示 prop」,基本上會讓使用 CSS modules、一般 CSS、styled-jsx 等 selector based styling 的人有點難 debug react comonent 與 DOM 的巢狀結構。 用其他 CSS-in-JS 的人則不受影響。

我自己用 CSS modules ,不過通常開 react devtools 的時候,絕大多數確實也只看 react components而已。感覺是個很不錯的改版,

2019-08-17