peaktan

前言 自從 2019.2.6 React 16.8 發(fā)布以來(lái)，新特性 Hooks 徹底顛覆了以往的開發(fā)模式蒜田，我最早使用 Hooks 是在兩年前稿械，現(xiàn)在我們團(tuán)隊(duì)也在項(xiàng)目中大量使用...

peaktan

一、實(shí)際案例 首先冲粤，我們來(lái)看看 react 最近 6 個(gè)月的版本發(fā)布記錄美莫，截圖來(lái)自 npmjs.com[https://www.npmjs.com/]： 從上圖，我們不難得出...

peaktan

導(dǎo)語(yǔ)：前端智能化道批，就是通過(guò)AI/CV技術(shù)，使前端工具鏈具備理解能力入撒，進(jìn)而輔助開發(fā)提升研發(fā)效率隆豹，比如實(shí)現(xiàn)基于設(shè)計(jì)稿智能布局和組件智能識(shí)別等。 本文要介紹的是前端智能化的一類實(shí)踐...

peaktan

在設(shè)計(jì)稿生成代碼流程中茅逮，我們需要先將圖層解析為UI節(jié)點(diǎn)璃赡，而后再通過(guò)布局算法生成代碼。 作為前端智能化的第一步献雅，解析的UI數(shù)據(jù)關(guān)乎后續(xù)的代碼還原質(zhì)量碉考，因此需要一套方案來(lái)保證解析...

peaktan

本文介紹了react侯谁、redux、react-redux之間的關(guān)系章钾，分享給大家墙贱，也給自己留個(gè)筆記，具體如下： React 一些小型項(xiàng)目贱傀，只使用 React 完全夠用了惨撇，數(shù)據(jù)管...

peaktan

平時(shí)都是搞框架搞業(yè)務(wù)寫代碼府寒，沒有靜下心來(lái)去深層次的看一些東西魁衙，最近公司人員變動(dòng)，便承擔(dān)開始篩選簡(jiǎn)歷面試株搔，也開始讓自己梳理了偏底層基礎(chǔ)認(rèn)知的內(nèi)容剖淀。本章就來(lái)講下React的Dif...

peaktan

React 組件狀態(tài) React 把組件看成是一個(gè)狀態(tài)機(jī)（State Machines）祷蝌。通過(guò)與用戶的交互，實(shí)現(xiàn)不同狀態(tài)帆卓，然后渲染 UI巨朦，讓用戶界面和數(shù)據(jù)保持一致。 setS...

peaktan

轉(zhuǎn)載自 前端工程師的自我修養(yǎng)：React Fiber 是如何實(shí)現(xiàn)更新過(guò)程可控的[https://segmentfault.com/a/1190000038729757] 前言...

peaktan

React中constructor是唯一可以初始化state的地方糊啡，也可以把它理解成一個(gè)鉤子函數(shù)，該函數(shù)最先執(zhí)行且只執(zhí)行一次吁津。 更新狀態(tài)不要直接修改this.state棚蓄。雖然...

peaktan

Immutable 介紹 JavaScript 中的對(duì)象一般是可變的(Mutable)堕扶，因?yàn)槭褂昧艘觅x值，新的對(duì)象簡(jiǎn)單的引用了原始對(duì)象梭依，改變新的對(duì)象將影響到原始對(duì)象稍算。如 f...

peaktan

之前寫過(guò)一篇文章 ReactNative Android源碼分析，在此文章的基礎(chǔ)上分析和總結(jié)下RN與Native的通訊流程役拴。本文基于Android代碼分析糊探，iOS實(shí)現(xiàn)原理類似...

peaktan

在 WWDC 2016 和 2017 都有提到啟動(dòng)這塊的原理和性能優(yōu)化思路，可見啟動(dòng)時(shí)間河闰，對(duì)于開發(fā)者和用戶們來(lái)說(shuō)是多么的重要科平，本文就談?wù)勅绾尉_的度量 App 的啟動(dòng)時(shí)間，啟...

peaktan

我們都知道 APP 啟動(dòng)時(shí)長(zhǎng)對(duì)保證用戶粘性有很大影響姜性，一款加載時(shí)長(zhǎng)過(guò)長(zhǎng)的應(yīng)該可能會(huì)直接被用戶放棄瞪慧，那么 APP啟動(dòng)時(shí)究竟做了系統(tǒng)究竟都做了哪些工作呢？下面就讓我們一起來(lái)探究下...