React

效能更好的 React Native 無限列表

在【58部落】的業務場景下,存在較多的列表頁面。整個產品的“門面”——入口頁面,常駐在58APP下方的“發現”tab,所以要求有較高的使用者體驗。作為一個初中期的社群產品,很多功能還不夠完善和穩定,因此要求能

Typescript 入門構建一個 react 元件

如果你寫過 react 的元件, 這篇文章對與你來說基本沒有什麼難度。純粹的是加上了一點 ts 的知識。 我完全是以學習者的姿態來描述我寫元件的過程,很多不嚴謹的地方請大家指出來哈哈。

使用TypeScript開發React應用(一)

本次分享如何使用React 連線TypeScript開發應用。 到最後,我們會得到一個如下的知識掌握 一個使用React和TypeScript的專案 使用TSL

Context - React跨元件訪問資料的利器

Context提供了一種跨元件訪問資料的方法。它無需在元件樹間逐層傳遞屬性,也可以方便的訪問其他元件的資料 在經典的React應用中,資料是父元件通過props向子元件傳遞的。但是在某些特定場合,有些資料

給客戶端同學的一份前端學習指南

隨著ReactNative、Weex與Flutter等跨端框架的發展,大前端的概念也逐漸普及開來,純粹的Native開發相對變得比較少,前端也成為了客戶端同學必須要掌握的一門技術,但是客戶端同學做的是跨端開發,

談談 react 路由許可權

背景 近期做了一個 spa的單獨專案中有個需求就是希望根據登入人來看下這個人是不是有許可權進入當前頁面。雖然服務端做了進行介面的許可權,但是每一個路由載入的時候都要去請求這個介面太浪費了。

揭開React中server-side rending的神祕面紗

Server-Side Rendering :SSR 是一種前端框架能夠在後端渲染出HTML的能力。那些能夠在客戶端和服務端完成渲染的應用就叫做 為了理解為什麼需要SSR,這裡我們需要了解下web應用在過

react -> antd (Table 與 Cascader 平級資料轉樹形實操)

如果你剛開始學習前端或者 React,將 UI 框架作為你的第一步可能不是最好的主意。 (這是引用antd官網的一句話),雖然說一開始用antd作為UI框架對新手來說並不是很好,但是如果工作需要呢,那就不得不這

React事件系统和源码浅析

本文通过对React事件系统和源码进行浅析,回答“为什么React需要自己实现一套事件系统?”和“React的事件系统是怎么运作起来的?”两个问题。React为了性能和复用,采用了事件代理,池,批量更新,跨浏览

1746001117.0226