React

父主題

前端 JavaScript
React

【React技術棧】從零開始手寫redux

寫在開始之前:作為一個記性不太好的人,學完的東西總是很容易忘記,因此需要反反覆覆得去學習和理解,堅持記錄是一個很好的習慣,也有助於後期自己回顧。因水平有限,文章中部分內容可能存在錯誤,如果有誤,歡迎在
React

1500行TypeScript程式碼在React中實現元件keep-alive

現代框架的本質其實還是Dom操作,今天看到一句話特別喜歡,不要給自己設限,到最後,大多數的技術本質是相同的。例如後端用到的Kafka , redis , sql事務寫入 ,Nginx負載均衡演算法,d
React

react 生命週期變遷

React中元件都提供了對應的生命週期 api 支援,定義元件的的方法:create-react-class模組class 類 它們之間的的區別這裡就不展開了,具體可檢視官方文件 區別,我們繼續說生命
React

ReactNative 聊天 App 實戰|RN 仿微信介面群聊|朋友圈

前言這次要給大家分享的是基於ReactNative開發的聊天APP實戰專案RN_ChatRomm,運用react-native+react-navigation+react-redux+react-n
React

React Hooks 入門教程

React 是主流的前端框架,v16.8 版本引入了全新的 API,叫做 React Hooks,顛覆了以前的用法。
React

ReactNative分散式熱更新系統

熱更新是一個非常方便的方案。在應對大量使用者和深度定製的時候一定不能使用開源的方案。一般第三方的這種方案,伺服器頻寬較小,或者不夠靈活,不能滿足自己的想法。這裡推薦自己實現對應的熱更新方案。只需要少量
React

React hooks實戰總結

一、什麼是hooks?react 於19年2月份在16.8版本中新增了hook這一特性,已經過去了半年多了,社群的各種文章解析頁汗牛充棟,本文將結合自己的專案實踐,對react hooks做一個全面的
全棧|React|Node.js|MongoDB

【譯】使用 MongoDB,React,Node 和 Express(MERN)構建一個全棧應用

原文:Let’s build a full stack MongoDB, React, Node and Express (MERN) app作者:jelo rivera譯者:博軒為保證文章可讀性,本
React

[譯]React v16.9 新特性

今天我們釋出了 React 16.9。它包含了一些新特性、bug修復以及新的棄用警告,以便與籌備接下來的主要版本。一、新棄用重新命名 Unsafe 生命週期方法一年前,我們宣佈 unsafe 生命週期
React

21個讓React 開發更高效更有趣的工具

為了保證的可讀性,本文采用意譯而非直譯。想閱讀更多優質文章請猛戳GitHub部落格,一年百來篇優質文章等著你!下列工具中的重要性與排序無關。1.Webpack Bundle Analyzer有沒有想過
Android|React|iOS

react-native 仿原生自定義彈窗|iOS/Android 彈窗效果

基於react-native技術開發的自定義模態框rnPop,結合原生Modal功能,實現類似android、ios、微信彈窗效果。目錄結構呼叫方法一:// 引入rnPop.js元件import RN
React

React Step by Step

react官方指引反覆強調 props與 state 區別。基本上 props 類似於其他語言中的形參,state則相當於內部臨時變數。一個是對外溝通的橋樑,而另一個則為互動私有變數。state 基於
前端|React

前端筆記之React(五)Redux深入淺出

一、Redux整體感知Redux是JavaScript狀態管理容器,提供了可被預測狀態的狀態管理容器。來自於Flux思想,Facebook基於Flux思想,在2015年推出Redux庫。中文網站:ht
React|設計模式

React Hooks 深入系列 —— 設計模式

本文是 React Hooks 深入系列的後續。此篇詳細介紹了 Hooks 相對 class 的優勢所在, 並介紹了相關 api 的設計思想, 同時對 Hooks 如何對齊 class 的生命週期鉤子
React

Reactv16.8.6生命週期函式

元件生命週期函式React 主動呼叫的方法,也可重寫這些方法生命週期圖譜當元件例項被建立並插入 DOM 中時,其生命週期呼叫順序如下:constructor(props)如果不需要初始化 state
React

從零開始react實戰:雲書籤-1 react環境搭建

總覽篇:react 實戰之雲書籤本篇是實戰系列的第一篇,主要是搭建 react 開發環境,在create-react-app的基礎上加上如下功能:antd 元件庫按需引入 ,支援主題定製支援 less
React

三千字講清TypeScript與React的實戰技巧

很多時候雖然我們瞭解了TypeScript相關的基礎知識,但是這不足以保證我們在實際專案中可以靈活運用,比如現在絕大部分前端開發者的專案都是依賴於框架的,因此我們需要來講一下React與TypeScr
React

React的Context的使用方法簡介

context 定義: Context提供了一種方式,能夠讓資料在元件樹中傳遞,而不必一級一級手動傳遞。API : createContext(defaultValue?)。使用方法:首先要引入cre
React

DvaJS構建配置React專案與使用

DvaJS構建配置React專案與使用一,介紹與需求分析 1.1,介紹dva 首先是一個基於 redux 和 redux-saga 的資料流方案,然後為了簡化開發體驗,dva 還額外內建了 react
React

react頁面喚起高德地圖app

1、index.html引用高德js<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&k
React|Node.js

【譯】如何連線 React 和 Node,Express

原文:How to create a React frontend and a Node/Express backend and connect them作者:João Henrique譯者:博軒在本
React

React Native Router Navigations(3)

about.js這是about page的元件結構。這裡的內容取自“原生基地”從 ' react ' 匯入 React,{Component} ; 從  ' react-native ' 匯入  {T
React

React Native JSON解析和輔助函式(2)

appBody.js這裡super和componentDidMount是React內建函式。使用super,您可以初始化此值,並且componentDidMount首先是呼叫。從  ' react '
React

React本機模板設計入門(1)

安裝React Native命令列開啟終端或命令提示符並執行以下命令,這將全域性安裝React Native Cli。在此之前,您必須使用最新的Node.js軟體設定您的機器。$ sudo npm i
React

react-redux 的使用

前言最近在學 React,看到 react-redux 這裡,剛開始覺得一臉懵逼,後面通過查閱相關資料和一些對原始碼的解釋,總算有點頭緒,今天在這裡總結下。類似於 Vue,React 中元件之間的狀態
React

💚一個簡單愉悅的 hooks 使用庫 react-hooks-easy

封裝了每種變數型別統一的增刪改查API,為hooks 增加訂閱模式,方便元件通訊概述一個管理 hooks 的工具,String、Array、Boolean、Number、Object hooks變數的
React

【譯】21 項優化 React App 效能的技術

原文:21 Performance Optimization Techniques for React Apps作者:Nishant譯者:博軒介紹在 React 內部,React 會使用幾項巧妙的小技
React

react+h5 網頁版聊天室實戰|react 專案例項

一、專案介紹前幾天有開發過一個react版仿微信手機端聊天室這次使用react+react-dom+react-router-dom+redux+react-redux+webpack2.0+node
React|Netty

Netty原始碼分析--Reactor模型(二)

這一節和我一起開始正式的去研究Netty原始碼。在研究之前,我想先介紹一下Reactor模型。      我先分享兩篇文獻,大家可以自行下載學習。  連結:https://pan.baidu.com/
React

react 實戰開發|react+redux 仿微信聊天介面

一、專案概況基於react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技術混合開發