包子产品GO! 一只产品狗的生活与工作

【React->Solidjs】附录:高频问题QA ❓

Q1: 如何替代React Context? // React Context 方案 const ThemeContext = createContext('light') function App() { return ( <ThemeContext.Provider

包子! 发布于 2025-02-06

【React->Solidjs】五、升级指南 🚀

1. 路由方案(React Router → @solidjs/router) 基础路由对比 // React Router v6 <BrowserRouter> <Routes> <Route path="/" element={<Home />} /> <Route pa

包子! 发布于 2025-02-06

【React->Solidjs】四、实战:Todo应用迁移 🛠️

1. 项目初始化 # React版本(使用CRA) npx create-react-app todo-react --template typescript # SolidJS版本(使用Vite) npm init vite@latest todo-solid -- --template sol

包子! 发布于 2025-02-06

【React->Solidjs】三、SolidJS核心语法速通 🚀

1. 组件基础 函数组件规范 // React:每次渲染重新执行整个函数 function ReactComp(props) { return <div>{props.name}</div> } // SolidJS:仅初始化执行一次 function SolidComp(props) {

包子! 发布于 2025-02-06

【React->Solidjs】二、React vs SolidJS核心差异对照表 ⚙️

组件模型差异 // React:函数组件反复执行 function ReactComp() { const [count] = useState(0) console.log('React渲染') // 每次更新都会打印 return <div>{count}</div> } // S

包子! 发布于 2025-02-06

【React->Solidjs】一、为什么选择SolidJS? ⚡️

核心优势:响应式原理与编译优化 // React:依赖虚拟DOM diff function Counter() { const [count, setCount] = useState(0) return <button onClick={() => setCount(c => c+1)}

包子! 发布于 2025-02-06

使用Taro的React Native端遇到的Invalid `Podfile` file问题

Invalid `Podfile` file报错 在React Native 端开发流程使用分离模式时,执行yarn upgradePeerdeps 遇到如下报错: yarn run v1.22.19 $ install-peerdeps @tarojs/taro-rn@3.5.7-alpha.8

包子! 发布于 2023-11-27