tag immutable-js

標籤
貢獻10
72
05:42 PM · Nov 04 ,2025
tudou_5e2d76940fbaa 頭像 awbeci 頭像 tiye 頭像 qianduanxianghou 頭像 wenwenjie 頭像 weblixin 頭像 ronffy 頭像 harden_5d038df8a012e 頭像 shuohaodeyixuene 頭像 jump_and_jump 頭像

@immutable-js / 博客 RSS 訂閱

tudou_5e2d76940fbaa 頭像

風不識途 - 🔥基於React全家桶開發「網易雲音樂PC」項目實戰(一)

網易雲音樂PC項目實戰 項目簡介 1.項目介紹 項目使用到的技術棧 CSS使用Flex進行佈局 配置路徑別名使用: carco 項目路由使用: react-router來管理 使用react-router-config集中式路徑映射表管理 使用styled-components+普通的css編寫樣式 使用axios發送網絡請求 項目全面擁

react , redux , immutable-js , Axios , react-router

收藏 評論

weblixin 頭像

小李同學 - immutable.js在react項目中的簡單使用

immutable.js immutable可以將一個對象轉為一個不可更改的對象。對 Immutable 對象的任何修改或添加刪除操作都會返回一個新的 Immutable 對象。 fromJS header/store/reducer.js import { fromJS } from 'immutable'; const defaultState = fromJS({

immutable-js

收藏 評論

awbeci 頭像

Awbeci - React項目集成Immutable.js

1、前言 本文章項目的依賴包及其版本如下： Package Name Version antd ^3.16.6 connected-react-router ^6.4.0 customize-cra ^0.2.12 immutable ^4.0.0-rc.12

react , redux-saga , redux , immutable-js , redux-persist

收藏 評論

tiye 頭像

題葉 - 新的 Vue Function-based API 當中的看到的 Clojure Atom 的影子

這次 Vue 大會看到了 Vue 新的 API 設計, 中間有一些覺得眼熟的寫法, 後面也看到了工業聚的一些解讀, 大致知道是什麼樣的用法吧.. 當然現場演講過 Vue 具體實現的優化是更復雜的, 比這個 API 要多.. Vue.js作者在VueConf的演講視頻出爐 Vue Function-based API RFC 中文版本 揭秘Vue-3.0最具潛力的API 其中比

react , clojurescript , immutable-js

收藏 評論

ronffy 頭像

小賊先生 - immer.js 實戰講解文檔

文章在 github 開源， 歡迎 Fork 、Star 前言 Immer 是 mobx 的作者寫的一個 immutable 庫，核心實現是利用 ES6 的 proxy，幾乎以最小的成本實現了 js 的不可變數據結構，簡單易用、體量小巧、設計巧妙，滿足了我們對JS不可變數據結構的需求。 無奈網絡上完善的文檔實在太少，所以自己寫了一份，本篇文章以貼近實戰的思路和流程，對 Immer 進行了全面

react , immutable-js , Javascript

收藏 評論

awbeci 頭像

Awbeci - Immutable.js Object Formatter使用

1、什麼是Immutable.js Object Formatter? Immutable.js Object Formatter 是一款格式化immutable.jsChrome插件，極大方便開發人員操作immutable.js。 2、到chrome 網上應用店安裝 3、啓用之後，點擊設置 4、啓用Enable custom formatters 5、查看代碼已經被格式化 參考：

immutable-js , chrome-devtools

收藏 評論

qianduanxianghou 頭像

前端向後 - 理想的JavaScript不可變數據結構

一.簡介 Immer (German for: always) is a tiny package that allows you to work with immutable state in a more convenient way. Immer提供了一種更方便的不可變狀態操作方式 二.核心優勢 其方便之處主要體現在： 只有一個（核心）API：produce(currentState,

vue.js , redux , immutable-js

收藏 評論

harden_5d038df8a012e 頭像

harden - 初識Immutable.js，菜鳥總結（包含JS的基本數據類型和引用數據類型、JS的深拷貝和淺拷貝）

這幾天公司的React項目中有用到Immutable，自己在對頁面中的數據處理上也用到了Immutable，網上查閲相關資料後，自己做了一些實用的總結吧，參考過的一些不錯的文章有： Immutable 詳解及 React 中實踐，Immutable 常用API簡介，Immutable官方文檔 1.Immutable是什麼？ mmutable 數據就是一旦創建，就不能再被更改的數據。對 Imm

immutable-js

收藏 評論

tiye 頭像

題葉 - 關於 ternary-tree 不可變數據結構複用方案的一些解釋

前面一篇講 ternary-tree 模塊的文章是丟給 Clojure 論壇用的, 寫比較死板. 關於 ternary-tree 開發本身的過程還有其中的一些考慮, 單獨記錄一下. 中間涉及到的一些例子不再詳細跑代碼錄了, 看之前那篇文章應該差不多了. 首先 structural sharing 的概念, 在看 Clojure Persistent Data 那篇文章之前, 我也是模糊

nim , immutable-js , Clojure

收藏 評論

qianduanxianghou 頭像

前端向後 - ES6 Proxy 在 Immer 中的妙用

寫在前面 Immer結合 Copy-on-write 機制與 ES6 Proxy 特性，提供了一種異常簡潔的不可變數據操作方式： const myStructure = { a: [1, 2, 3], b: 0 }; const copy = produce(myStructure, () = { // nothings to do }); const modified = produ

ecmascript-6 , 代理 , immutable-js , 代理模式

收藏 評論

shuohaodeyixuene 頭像

lucifer - immutablejs 是如何優化我們的代碼的？

前一段時間羣裏有小夥伴問 lucifer 我一個問題：”immutablejs 是什麼？有什麼用？“。我當時的回答是：immutablejs 就是 tree + sharing，解決了數據可變性帶來的問題，並順便優化了性能。今天給大家來詳細解釋一下這句話。 背景 我們還是通過一個例子來進行説明。如下是幾個普通地不能再普通的賦值語句: a = 1; b = 2; c = 3; d = { nam

immutable-js , 前端 , Javascript

收藏 評論

wenwenjie 頭像

雞蛋炒番茄 - Immutable.js 源碼解析 --Map 類型

上一片文章介紹的是 List 結構。那對於 Map 結構又要如何處理，沒有 List 結構的索引，那怎麼辦呢？ 我們把鍵名變為哈希值就可以啦~ HAMT：Hash Arrey Mapped Trie 。這個結構就是Map中所用到的。 immutable中的hash計算核心代碼如下: function hashString(string) { // This is the hash from J

immutable-js , 前端 , Javascript

收藏 評論

wenwenjie 頭像

雞蛋炒番茄 - Immutable.js 源碼解析 --List 類型

一、存儲圖解 我以下面這段代碼為例子，畫出這個List的存儲結構： let myList = []; for(let i=0;i1100;i++) { myList[i] = i; } debugger;//可以在這裏打個斷點調試 let immutableList = Immutable.List(myList) debugger; console.log(immutableList.s

immutable-js , 前端 , Javascript

收藏 評論

tudou_5e2d76940fbaa 頭像

風不識途 - 基於React全家桶開發「網易雲音樂PC」項目實戰(四)

前言 前言 hello大家好我是「風不識途」，如果首次閲讀本系列請點擊，正在學習React的小夥伴可以克隆該項目，參考學習，嘗試做一些小功能，下面我們開始完成本系列最重要的音樂播放器列表▶需要完成內容如下↓； 項目預覽和源碼 在線預覽地址👉：點我跳轉到雲音樂 項目Gihub地址👉：Musci 163 (如果覺得項目還不錯的話 👏，就給個 star ⭐ 鼓勵一下吧~)

react , 項目實戰 , redux , immutable-js , 前端

收藏 評論

jump_and_jump 頭像

jump__jump - 聊聊不可變數據結構

三年前，我接觸了 Immutable 庫，體會到了不可變數據結構的利好。 Immutable 庫具有兩個最大的優勢: 不可修改以及結構共享。 不可修改(容易回溯，易於觀察。減少錯誤的發生) let obj = { a: 1 }; handleChange(obj); // 由於上面有 handleChange，無法確認 obj 此時的狀態 console.log(obj) 結構共享(

性能優化 , 開發工具 , 前端優化 , immutable-js , Javascript

收藏 評論

tudou_5e2d76940fbaa 頭像

風不識途 - 一文總結redux、react-redux、redux-saga

redux、react-redux、redux-saga總結 前言 hello大家好，我是風不識途，最近一直在整理redux系列文章，發現對於初學者不太友好，關係錯綜複雜，難倒是不太難，就是比較複雜 (其實寫比較少)，所以這篇帶你全面瞭解redux、react-redux、redux-thunk還有redux-sage，immutable(多圖預警)，由於知識點比較多，建議先收藏(收藏等於學

react , redux-saga , redux , immutable-js , 前端

收藏 評論