原创 ruled-router 生成路由類型細節記錄

ruled-router 是我們(積夢前端)定製的路由方案, 另外強化了類型方面,之前的介紹可以看文章: 積夢前端的路由方案 ruled-router. 關於跳轉方法的類型 路由生成部分, 大致上就是對於規則: [ { "nam

原创 [小組分享] React 當中性能優化手段整理

內部小組分享底稿. 回顧一下 React class 組件的優化 useMemo 提供的優化 React.memo 優化 useCallback 優化 避免 render 當中的 DOM 操作 class 組件的優化 通過判斷減少數據

原创 TypeScript 用 Webpack/ts-node 運行的配置記錄

公司項目代碼是用 TypeScript 寫的, 中間遇到有些代碼不要放到 Node 裏面去跑.具體場景一些路由配置, 比較大的一塊 JSON 數據定義在 TypeScript 裏.我另外有增加腳本, 基於這些 JSON 數據用來生成切換路由

原创 Linaria 替換 Emotion 操作記錄

Emotion 和 Linaria 是兩個 CSS in JS 方案, API 相近.項目裏有特殊的場景, 希望能減小體積, 我們一貫基於 Emotion 比較大, 我們的 Emotion 現在都是跟着 JavaScript 走到, 沒有

原创 積夢前端 Meson Form 的分層抽象設計

概述 這篇文章大致梳理積夢採用的表單方案做的一些嘗試和回顧.目前從用的方案是 Meson Form, 名字大致來源於 immer json:https://github.com/jimengio/m...目前 Meson Form 形態逐漸

原创 前端代碼兼容 Chrome 44 的部分操作記錄

公司項目原有的代碼計劃支持到 Chrome 49, 特殊項目需要支持到 Chrome 44. 從網上可以找到 Mac 上的 dmg 安裝文件, 這個頁面能拿到 Chrome 48,https://www.slimjet.com/chrom.

原创 新的 Vue Function-based API 當中的看到的 Clojure 的影子

這次 Vue 大會看到了 Vue 新的 API 設計, 中間有一些覺得眼熟的寫法,後面也看到了工業聚的一些解讀, 大致知道是什麼樣的用法吧..當然現場演講過 Vue 具體實現的優化是更復雜的, 比這個 API 要多.. Vue.js作者在

原创 積夢前端的路由方案 ruled-router

積夢(https://jimeng.io) 是一個爲製造業製作的一個平臺.積夢的前端基於 React 做開發的. 早期使用 React Router.後來出現了一些 TypeScript 集成還有定製化的需求, 自己探索了一套方案. 使用

原创 關於 ClojureScript 裸寫 stateful React Component

目前的 ClojureScript React 綁定都是比較複雜的, 比如 Reagent, 做了不少的修改,我打算看看直接用 cljs 裸寫, 按照 React 本身的語義, 會是什麼樣子,網上搜到幾個版本的代碼, 總之核心代碼就是這樣了