惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

SecWiki News
SecWiki News
I
InfoQ
The Cloudflare Blog
人人都是产品经理
人人都是产品经理
博客园 - Franky
T
Tailwind CSS Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
量子位
博客园_首页
罗磊的独立博客
V
V2EX
李成银的技术随笔
大猫的无限游戏
大猫的无限游戏
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
T
True Tiger Recordings
Vercel News
Vercel News
Cyberwarzone
Cyberwarzone
Cisco Talos Blog
Cisco Talos Blog
F
Fox-IT International blog
D
Darknet – Hacking Tools, Hacker News & Cyber Security
M
Microsoft Research Blog - Microsoft Research
Know Your Adversary
Know Your Adversary
爱范儿
爱范儿
The Register - Security
The Register - Security
G
Google Developers Blog
The Hacker News
The Hacker News
Malwarebytes
Malwarebytes
S
Securelist
博客园 - 三生石上(FineUI控件)
Jina AI
Jina AI
T
Threat Research - Cisco Blogs
T
The Exploit Database - CXSecurity.com
S
SegmentFault 最新的问题
博客园 - 叶小钗
F
Fortinet All Blogs
Apple Machine Learning Research
Apple Machine Learning Research
宝玉的分享
宝玉的分享
博客园 - 聂微东
T
Threatpost
博客园 - 【当耐特】
D
Docker
P
Privacy & Cybersecurity Law Blog
www.infosecurity-magazine.com
www.infosecurity-magazine.com
G
GRAHAM CLULEY
V
Visual Studio Blog
C
Cisco Blogs
IT之家
IT之家
S
Security Archives - TechRepublic
Latest news
Latest news
阮一峰的网络日志
阮一峰的网络日志

Nic Lin's Blog

謝明真 - 高效領導力的課後筆記 NFT 開發實戰!基礎智能合約入門 (3) NFT 開發實戰!基礎智能合約入門 (2) NFT 開發實戰!基礎智能合約入門 (1) 如何自我檢測 log4j CVE 漏洞 Rails 如何在資料寫入時記錄來源 IP 位置 如何經營工程師 Youtube 頻道 - Part 8 營收篇 如何經營工程師 Youtube 頻道 - Part 7 酸民文化篇 如何經營工程師 Youtube 頻道 - Part 6 演算法趨勢篇 如何經營工程師 Youtube 頻道 - Part 5 設備器材篇 如何經營工程師 Youtube 頻道 - Part 4 後製剪輯篇 如何經營工程師 Youtube 頻道 - Part 3 文案企劃篇 如何經營工程師 Youtube 頻道 - Part 2 設備器材篇 如何經營工程師 Youtube 頻道 - Part 1 制訂頻道方向篇 如何經營工程師 Youtube 頻道 - Part 0 Rails 中避免 race condition 的最佳實踐(二) Rails 中避免 race condition 的最佳實踐(一) 10 分鐘整合 google sheet 做自動化開發功能週報 經營 Side Project 300 天所帶來的收穫及挑戰 我的 Youtube 影片製作流程 API 設計時必須注意的 HTTP header 底線問題 如何提升你的程式可讀性之實務技巧(三) 如何提升你的程式可讀性之實務技巧(二) 如何提升你的程式可讀性之實務技巧(一) Ruby 中使用 freeze 優化效能的時機 避免 React 中的 useEffect 無限 render 在 Rails 內輕量使用 Vue Component 的最佳實踐 身為工程師的你在武漢疫情時能做些什麼 如何在區域網路用 Docker 架設有 SSL 的 Gitlab 從被問到問人,那些我常問的面試問題 [Rails] 如何漂亮寫出可維護的 query (Maintainable Rails Query) 在已知長度情況下優化 slice 的性能 [ReactNative] 如何在 iOS APP 上主動要求用戶評分 Rails 的 scope 為什麼用 lambda? Proc 與 lambda 不同之處 淺談 Active Record 的 Lazy load 特性 Rails 專案搭配 Github Actions 進行 RSpec 自動化測試 JavaScript 中 require, import 的差別及效能 React 效能優化基本招 ES6 箭頭函式 (Arrow functions) 2 個月擁有 6000 用戶 Side project 這樣做(三) 2 個月擁有 6000 用戶 Side project 這樣做(二) 2 個月擁有 6000 用戶 Side project 這樣做(一) 如何讓自己成為失敗的軟體工程師 如何在 Jenkins 上用 Docker 跑 Rails + Rspec 做 CI 如何用 Rack::Attack 阻擋 DDOS / 惡意流量 用 OpenSSL 自簽開發用 HTTPS SSL 憑證 以 OOP 的角度提升 Ruby code 質量 不停機 migration 避免鎖表的幾種操作 為機器加上登入訊息,在 ubuntu 設置登入歡迎詞 Ruby Memoization 性能優化之記憶化 淺談 SSH agent forwarding 和 proxy command 的安全風險與應用 [Rails] Service / Library / Concern 的差異 Ruby conf Taiwan 2019 參與筆記 避免過度的 Defensive Programming 防禦性程式設計 Rails 要用 Time.zone.now 還是 Time.now Rails i18n 小技巧總匯 1:1 攪亂器,如何用 Ruby 做可逆推序號 Rails 中的欄位及方法命名原則 [Rails] 用 puma-dev 作為本地開發伺服器 (支援 https 自簽憑證) 我的中高階 Rails 工作面試心得分享 讀書心得 - 「一流的人如何保持顛峰」 讀書心得 - 「窮查理的普通常識」 將 Rails 專案從手動部屬遷移使用 Capistrano 自動化部屬 工程師提昇自己的教學和簡報技術的方法 [筆記] Rails 3.2 升級 Rails 6.beta 經驗分享 Grape on Rails 實戰 101 Class method 氾濫帶來什麼問題 Rspec 中 let / let!(驚嘆號) / Instance variables / subject 的用法與差異 RDBMS 課程心得與筆記 常用的 Rails 開發規範 Rest-Client 如何做 Basic Authentication 驗證 用 ssh config 管理多台機器 [Rails] 實做批次操作的小技巧 [Rails] 何為 tld_lebgth? 遵循 Semantic Versioning 軟體開發語意化版本管理 請直接在 MySQL 裡面直接用 utf8mb4 取代 utf8 如何解決在 awesome print 中遇到 ActionController::Parameters unable to convert unpermitted 如何在 Mac 上升級 PostgreSQL 並遷移資料 如何解決 Mysql2::Error: Incorrect string value 讀書心得 - 「信任因子:信任如何影響大腦運作、激勵員工、達到組織目標」 我是如何寫部落格筆記的 讀書心得 - 「先問,為什麼?:顛覆慣性思考的黃金圈理論,啟動你的感召領導力」 [Rails] 解決 Reset Password 帶來的 token 洩漏問題 我的軟體工程師生涯:如何挑選適合你的公司 Rails 中的 delegate 用法 淺述 SSR SPA 優缺點 Rails 非同步工作請用 Global ID [React] Class Component 傳遞 props 的 2 種方式 好用的隱私權政策 URL 自動生成 Rails 5.1 之後的 tag helper Rails 5.2 Encrypted Credentials 最近面試被給的建議和書單 一般架構需要用到 K8S 嗎 透過 commit SHA 找 github Pull request 從零搭建,如何讓 Rails 跑在 Kubernetes(k8s)(二) 從零搭建,如何讓 Rails 跑在 Kubernetes(k8s)(一) if/unless 寫作不要用多重否定句啊 盡可能的減少使用具感染性的 Try 或是 lonely/safe navigation operator ES6: export default 和 export 的差別 Load balance 負載平衡設計
React 不如想像中好學
2016-07-15 · via Nic Lin's Blog

最近因為手上專案進行部分改版,其中一個部份的實作偏向Single Web的概念,於是乎在操作一些DOM的情況下選擇嘗試用React實現,在這實作的這一個禮拜內,看了很多文件也用了很多方法實現,其中更別說是大量的地雷無限引爆,對於從來沒學過React想入門的人肯定是一大難題。

我的主觀結論

React 超級難上手。

說說現在JS生態

如果你說React好學易懂超簡單,假的!

對於這些年來在JS大量演進的情況下,現在的前端工程師不外乎要學的工具比以往更多。

- node
- webpack
- Babel + ES6
- ESLint
- Redux

現在的前端實現不再只是CSS寫一寫,寫幾個簡單的JS就可以解決的,人們對於操作上的感覺以及質感更加要求,從以前的跳頁到今天的ajax,再來ajax還要能刷新url,最後要考量大量操作DOM付出的代價以及效能。

如果這些工具都有很好並且統一直覺式的學習,那絕對是沒問題的,但是現在的複雜度以及進化程度,往往documentation是無法跟上這些進度,所以對於新手來說這樣的環境就是不斷踩雷自爆。

Code-Review是最佳學習路徑,但是…

學習新的語言最快的路徑不外乎就是去Review前輩的code,OpenSource的code,StackOverFlow的code,blablabla的Code

想上Stackoverflow找答案?或許不到一年前的answer已經無法在現在的新版本使用,你只能選擇

  1. 退而求其次,退版本採用舊寫法
  2. 堅持跟上浪潮,新版本繼續踩雷

無論你的選擇是哪個,你的下一步是碰到更多工具的選擇以及學習。

如果你要實作

如果你今天要能夠在SeacrhFrom 送出 formData之後刷新URL,在React上你必須還要學習React-router,當你陷進去這個框架你會覺得他博大精深並且深不可測。

如果你要用React的plugin,你必須在你的Ruby on Rails上面掛node nodules,然後要掛node nodules,你就必須裝個webpack或是browserify的gem。

沒有想像中容易,對吧?

小結

學習的路途從來都不是輕鬆的,面對技術不斷創新的今天,你是選擇跟上熱潮,或是找出更好的解決方案?亦或是放棄。

曾經的前端開發是平易近人的,現在學習曲線過於陡峭,雖然身為一個職業的web development應該要能克服這些困難,但是不免在學習上還是會碰到挫折,就來碎碎念一下,如果文章出有任何錯誤的地方,再請您不吝給予指正,謝謝

文章參考 React 碎碎念: 艱困的新手之路