React

父主題

前端 JavaScript
React Native 探索(二)Atom+Nuclide 安裝、配置和除錯 React

React Native 探索(二)Atom+Nuclide 安裝、配置和除錯

前言上一篇文章我們搭建了開發環境,並寫了個 Hello World。這一節我們來學習 React Native 的開發 IDE:Atom+Nuclide 的安裝、配置與除錯。本文所講的內容只適用於 M
React Native 探索(一)環境搭建與 Hello World(Windows/Mac) React

React Native 探索(一)環境搭建與 Hello World(Windows/Mac)

1.配置React Native首先我們要先來安裝一些軟體,如下所示。Chocolatey/HomebrewWindows 平臺安裝 Chocolatey:Chocolatey 是一個 Windows
Linux(伺服器程式設計):15---兩種高效的事件處理模式(reactor模式、proactor模式) Linux|React

Linux(伺服器程式設計):15---兩種高效的事件處理模式(reactor模式、proactor模式)

前言同步I/O模型通常用於實現Reactor模式 非同步I/O模型則用於實現Proactor模式 最後我們會使用同步I/O方式模擬出Proactor模式一、Reactor模式Reactor模式特點它要
React-App:NPM start 報錯 React

React-App:NPM start 報錯

問題在讀《React學習之道》時,我按照步驟輸入瞭如下程式碼:npx create-react-app my-appcd my-appnpm start結果,報錯如下:解決原文連結:Cannot un
使用 Go 和 ReactJS 構建聊天系統(六):Docker 化後端 React|Docker|Go

使用 Go 和 ReactJS 構建聊天系統(六):Docker 化後端

專案完整原始碼在本節中,我們將專注於將 Docker 新增到我們的後端應用程式中。您現在可能會問為什麼我們要這樣做? 因為在我們研究身份驗證,負載平衡和部署之類的東西之前,最好有一種使用容器化技術來部
使用 Go 和 ReactJS 構建聊天系統(五):改善前端 前端|React|Go

使用 Go 和 ReactJS 構建聊天系統(五):改善前端

歡迎來到本系列的第五節! 如果你已經走到了這,那麼我真誠地希望你喜歡學習新的 Go 概念並在 Go 和 React 中建立自己的聊天系統!在本節中,我們將再次專注於前端,並對其進行改進,以便使用者自定
使用 Go 和 ReactJS 構建聊天系統(四):處理多個客戶端 React|Go

使用 Go 和 ReactJS 構建聊天系統(四):處理多個客戶端

是時候實現處理多個客戶端並向每個連線的客戶端廣播任何收到的訊息的功能了。本節結束後,我們將:實現 Pool 機制,該機制將有效地使我們能夠跟蹤到 WebSocket 伺服器中的連線數。我們還可以將任何
Laravel6.x+ant+React 開發一個部落格 React|Laravel

Laravel6.x+ant+React 開發一個部落格

由於目前還在完善中 效果介面還不是很好,等程式碼規整好了,就開源。網址:http://borentang.net/
Github Statistics 一個基於 React 的 GitHub 資料統計工具 React|統計|Github

Github Statistics 一個基於 React 的 GitHub 資料統計工具

V 站曾經有個熱帖說為何我的開源專案只有 Fork 沒有 Star,樓下有個熱評說開源專案關注的不應該是 Commit 資料嗎?先不論 Star、Fork 和 Commit,issue 、pr 也應是
想要使您的React網站更高效嗎?這是一個快速檢查清單 - houssein React

想要使您的React網站更高效嗎?這是一個快速檢查清單 - houssein

使用以下任一方法來評估元件級渲染效能:Chrome DevTools“效能”皮膚React DevTools分析器儘量減少不必要的元件重新渲染適當時機覆蓋shouldComponentUpdate類元
基於 Taro+react 多端仿微信聊天室|taro 聊天例項分享 React

基於 Taro+react 多端仿微信聊天室|taro 聊天例項分享

TaroChatroom多端聊天室是基於taro+react+redux+reactNative+taroPop等技術開發的仿微信App聊天室例項,支援編譯到多端(h5+小程式+RN端)。這是第二個多
Spring響應式Reactive程式設計的10個陷阱 -Jeroen Rosenberg React|Spring

Spring響應式Reactive程式設計的10個陷阱 -Jeroen Rosenberg

我從事Akka Streams的Scala專案已經有很多年了,我對需要提防的事情有相當好的感覺。在我當前的專案中,我們正在使用Java,並且正在使用Reactive Streams Specifica
React 基礎_生命週期 React

React 基礎_生命週期

掛載階段元件被建立,執行初始化,並被掛載到DOM中,完成元件的第一次渲染,依次呼叫的生命週期方法:constructorcomponentWillMountrendercomponentDidMoun
React 基礎_元件 React

React 基礎_元件

元件定義使用ES6 class(類元件)使用函式(函式元件)使用class定義元件:class繼承自React.Componentclass內部必須定義render方法,render方法返回代表該元件
90行JS程式碼構建屬於你的React React

90行JS程式碼構建屬於你的React

譯者注:本文中的實現藉助了 snabbdom ,因此如果你的關注點是虛擬DOM的實現或是將虛擬DOM渲染到瀏覽器的底層實現,本篇文章中並不會涉及到。本篇翻譯已徵得原作者同意:更多文章可戳: https
React 基礎_JSX React

React 基礎_JSX

JSX簡介JSX是一種用於描述UI的JavaScript擴充套件語法,React使用這種語法描述元件的UI。JSX語法基本語法JSX的基本語法和XML語法相同,都是使用成對的標籤構成一個樹狀結構的資料
19 個來自 2019 React Conf 的總結 React

19 個來自 2019 React Conf 的總結

原文:19 Takeaways From React Conf 2019作者:Anthony Morris譯者:博軒為保證文章的可讀性,本文采用意譯React Conf ⚛️已經正式結束。有很多精彩的
2019 年,React 開發人員應該掌握的 22 種神奇工具 React

2019 年,React 開發人員應該掌握的 22 種神奇工具

本文經 Jsmanifest 授權 LeanCloud 翻譯轉載,原文連結。眾所周知,React 是 JavaScript 庫,用於構建出色的使用者介面。但是,並不是每個人都在使用相同的工具或都知道所
Spring Cloud Stream的函式式和響應式Reactive程式設計特點 - spring.io React|Spring

Spring Cloud Stream的函式式和響應式Reactive程式設計特點 - spring.io

Spring Cloud Stream(SCSt)的函式式和反應式Reactive程式設計帶來更少的程式碼、更少的配置。不過,最重要的是,您的程式碼是完全分離的,並且與SCSt的內部結構無關。雖然下面
[開源] gev (支援 websocket 啦): Go 實現基於 Reactor 模式的非阻塞網路庫 React|WebSocket|Go

[開源] gev (支援 websocket 啦): Go 實現基於 Reactor 模式的非阻塞網路庫

https://github.com/Allenxuxu/gev[gev](https://github.com/Allenxuxu/gev) 是一個輕量、快速、高效能的基於 Reactor 模式的
React Native 使用 react-native-webview 渲染 HTML React

React Native 使用 react-native-webview 渲染 HTML

在 App 中,渲染 HTML 是一個非常常見的功能,有可能是直接渲染 HTML 字串或者是通過 URL 渲染遠端 HTML頁面。React Native 提供了一個 WebView 元件以供我們實現
【React系列】動手實現一個react-redux React

【React系列】動手實現一個react-redux

react-redux 是什麼react-redux 是 redux 官方 React 繫結庫。它幫助我們連線UI層和資料層。本文目的不是介紹 react-redux 的使用,而是要動手實現一個簡易的
Fluent-UI 一套受 Fluent Design System 啟發的 React 元件庫 React

Fluent-UI 一套受 Fluent Design System 啟發的 React 元件庫

1. 前言Website | GithubReact 元件庫已經有好多了,其中也有很多高質量的範例,但是如果你看多了其他元件庫的樣式,我相信 Fluent-UI 可以給你一個別致的選擇。2. 亮點Ac
指尖前端重構(React)技術調研分析 前端|React

指尖前端重構(React)技術調研分析

重構前的技術文件調研與分析,包括技術選型為什麼選擇react,應用過程中的注意事項等。一、為什麼選擇ReactReact是當前前端應用最廣泛的框架。三大SPA框架 Angular、React、Vue比
[gev] 一個輕量、快速的基於 Reactor 模式的非阻塞 TCP 網路庫 React

[gev] 一個輕量、快速的基於 Reactor 模式的非阻塞 TCP 網路庫

gev`gev` 是一個輕量、快速的基於 Reactor 模式的非阻塞 TCP 網路庫。特點- 基於 epoll 和 kqueue 實現的高效能事件迴圈- 支援多核多執行緒- 動態擴容 Ring Bu
react16常見api以及原理剖析 React

react16常見api以及原理剖析

Vue 與 React 兩個框架的粗略區別對比Vue 的優勢包括:模板和渲染函式的彈性選擇簡單的語法及專案建立更快的渲染速度和更小的體積React 的優勢包括:更適用於大型應用和更好的可測試性同時適用
【React技術棧】從零開始手寫redux React

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

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

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

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

react 生命週期變遷

React中元件都提供了對應的生命週期 api 支援,定義元件的的方法:create-react-class模組class 類 它們之間的的區別這裡就不展開了,具體可檢視官方文件 區別,我們繼續說生命
ReactNative 聊天 App 實戰|RN 仿微信介面群聊|朋友圈 React

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

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