Top stories published by Its Ok to Make Mistakes in 2017

.
|____.babelrc
|____.gitignore
|____devServer.js
|____dist
| |____assets
| | |____app.js
| |____index.html
|____package.json
|____src
| |____component
| | |____App.js
| |____config
| | |____config.js
| |____index.js…

Ryan Hsu in Its Ok to Make Mistakes

May 3, 2017

學習 React 這件事

在 2016 年，學習新的前端技術已經是 web developer 必備的技能了，不管你學的是 Angular、Vue 或是我們今天要談的 React，這樣的技能幾乎是 web 相關工作的基本項目之一，而今天我們就要來談談 React 的學習。

瓶頸

Ryan Hsu in Its Ok to Make Mistakes

Aug 14, 2017

解決 webpack-dev-server 無法自動刷新畫面問題

需求

自動監控 JavaScript 檔案
一但有更新，觸發重新打包
自動刷新畫面

問題

用 webpack-dev-server 跑 inline mode，但卻沒辦法自動 reload 畫面？為什麼？

Ryan Hsu in Its Ok to Make Mistakes

Apr 30, 2017

Webpack run production mode 的方法與地雷

先講結論：

webpack -p 這個指令不能與 UglifyJsPlugin 一起使用

根據 webpack 官方文件指出：

Running webpack -p (or equivalently webpack --optimize-minimize --define process.env.NODE_ENV="'production'").

Ryan Hsu in Its Ok to Make Mistakes

May 28, 2017

React-Hot-Loader 遇到 Can’t resolve ‘react-hot-loader/patch’ 相關問題

相信開發 React 的各位都熟悉 React-Hot-Loader 這個相關套件，可以幫忙加速 UI 的開發，今天剛好踩到了這個雷，記錄一下問題與解決方法。

先講結論

如果你的設定都是正確的，並且正在使用的版本是 react-hot-loader v1.3.1，那麼趕快換成其他比較新的 next 版本吧！

Ryan Hsu in Its Ok to Make Mistakes

Jul 7, 2017

React 的 JavaScript 檔案為什麼要放在 HTML 的 body 裡?

在 HTML 的世界，有 head 與 body，大概會長得像這樣：

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Demo</title>
</head>
<body>

</body>
</html>

以前的 Web 設計

2018

These were the top 10 stories published by Its Ok to Make Mistakes in 2017. You can also dive into monthly archives for 2017 by using the calendar at the top of this page.

About

Its Ok to Make Mistakes

分享UI UX 設計、前端開發、數位行銷所遇到的雷點。It’s not how we make mistakes, but how we correct them that defines us.

More information