React

react-native 自訂封裝重新整理組件 幾個月沒寫部落格了，最近一直在寫react 和react-native，前幾天剛發了一版基於react-native混合開發的App,這幾天趕快總結下。

2017年9月26日React 16發布，通過官網和樣本瞭解一下新特性。 React 16更新 新js環境要求 react16依靠Map和Set集合和requestAnimationFrame（一個針對動畫效果的API） 新功能 - Fragments：render函數可以返回數組和字串- error boundaries：錯誤處理- portals ：支援聲明性地將子樹渲染到另一個DOM節點- custom DOM attributes

組件要實現的功能： 1、定製label和輸入框的placeholder的內容； 2、輸入的內容不符合Regex要求時，輸入框標紅，符合時標綠； 3、點擊清除按鈕後，按鈕消失並清除輸入框內容； 4、對外開放3個方法：擷取、設定、刪除輸入框的內容（trim）。 inputBox.html： <!DOCTYPE html><html><head><link rel="stylesheet"

在上篇文章中，我們使用React實現了一個TodoList，可以顯示基本的待辦事項的列表，今天我們繼續添加一些功能，比如選中一個TodoItem的checkbox進而可以改變它的完成狀態，添加一個搜尋方塊，在搜尋方塊中輸入關鍵字可以對多條資料進行過濾。 我們還是在原來的基礎上做改動，下面是最新的TodoList模組： var TodoList = React.createClass({ getInitialState: function() { return {

React中最神奇的部分莫過於虛擬DOM，以及其高效的Diff演算法。這讓我們可以無需擔心效能問題而”毫無顧忌”的隨時“重新整理”整個頁面，由虛擬DOM來確保只對介面上真正變化的部分進行實際的DOM操作。React在這一部分已經做到足夠透明，在實際開發中我們基本無需關心虛擬DOM是如何運作的。然而，作為有態度的程式員，我們總是對技術背後的原理充滿著好奇。理解其運行機制不僅有助於更好的理解React組件的生命週期，而且對於進一步最佳化React程式也會有很大協助。 什麼是DOM

無需配置即可建立 React Apps [ 譯 ] react.png 原文地址：Create React apps with no build configuration 原文作者：Facebook Incubato 譯文出自：掘金翻譯計劃 譯者：賈克奇 校對者：XHShirley Gocy015 無需配置即可建立 React App

React-native-animatable 動畫 react-native-carousel 輪播 react-native-countdown 倒計時 react-native-device-info 裝置資訊 react-native-fileupload 檔案上傳 react-native-icons 表徵圖 react-native-image-picker 圖片選取器 react-native-keychain iOS KeyChain管理

React Native通過發布事件和訂閱事件的機制來使得native和JavaScript通訊，個人感覺類似於OC中的發送訊息。 下面是使用RCTDeviceEventEmitter的方法。 一、在OC代碼中 1、#import "RCTEventDispatcher.h" 2、@implementation下 @synthesize bridge = _bridge; 3、在需要發布事件的地方調用下面的函數: _bridge.eventDispatcher

npm 的聯合創始人兼首席運營官 Laurie Voss 近日發布了 2018 年的第一個 JavaScript 現狀報告，這一系列報告包含三部分，將會提供 JavaScript 發展趨勢和實踐的完整回顧。第一部分講述了 2017 前端架構的現狀，第二部分將講述 React 的生態系統，第三部分將對後端架構進行講述。目前，第二和第三部分尚未發布。 Laurie Voss 說，JavaScript 社區在程式設計語言史上以前所未有的速度增長著，npm 中的包也隨之增長。npm

本部落客要講述，react中父組件和子組件之間的交流，其中包括父組件和子組件的值的交流和函數方法的交流，即父組件如何如何傳值給子組件，父組件將方法傳給子組件，父組件如何調用子組件的方法。 本部落客要總結性的講述了再react中組件的交流方式，舉出具體代碼的可參考【React組件之間傳值】。 統一說明1、<FuZujian />代表父組件，2、<ZiZujian />代表子組件 （一）父組件通過state傳值給子組件，子組件通過props擷取父組件的傳遞值

companion： vue.js全家桶學習資源(持續更新) 下面整理了一些關於 React 以及 React 衍生的學習資源： 官方文檔 中文翻譯文檔 ECMAScript 6 入門 30分鐘掌握ES6/ES2015核心內容(上) 30分鐘掌握ES6/ES2015核心內容(下) react-devtools react-router react-native Controlled and

import React from 'react'import { Router, Redirect,Route, IndexRoute,browserHistory,hashHistory } from 'react-router'import App from '../containers/App'import Home from '../containers/Home'import Phone from '../containers/phone/phone'import Ditu

React.js小項目——隨機出題模組 功能簡介： 如下圖，在網頁上出一張試卷，該試卷由簡單題、一般題、難題按比例組成，並且每題是從對應題庫中隨機抽取，且答對的題目不會再出現。 實現思路： 確定模組：開始按鈕、試卷組件、題目組件、提交按鈕 確定模組結構： 開始按鈕 （調用） 試卷組件 （調用） 題目組件 　　　　　　　　　　　　　　　　試卷組件 （調用） 提交按鈕 （調用） 開始按鈕 具體流程： 1.

react-native-image-picker作為一個整合相機和相簿的功能的第三方庫，因為其使用相對簡單受到前端開發人員的喜愛。 react-native-image-picker使用 1， 首先,安裝下該外掛程式。 npm install react-native-image-picker@latest --save 2， 針對Android和iOS平台分別進行配置 ## android 平台配置

轉載請註明出處：王亟亟的大牛之路 距離上一次提及React的內容差不多也快1年多了，然後這一年裡平胸而論覺得進步不多，然後最近因為業務需要然後都在做一些前端的工作。 然後以前都是從npm init一路自己擼到配置package.json到寫scripts那些，現在腳手架一行擼穿，還是感歎懶人的世界6666 老規矩開篇前先案例：https://github.com/ddwhan0123/Useful-Open-Source-Android （一篇前端文章貼安卓東西合適嗎。哈哈哈哈）

需求： 通過編輯器產生的html被上傳到阿里雲的伺服器，但是這個html 需要嵌入到另外的一個網頁裡面。 環境 前端： react 後端： Java Java代碼 @RequestMapping(value = "/getHtml", method = RequestMethod.POST)@UnNeedAdminId@Unauthorizepublic Object getHtml(@RequestBody

今天這個問題找了好久，終於找到為什麼了，我們在百度上搜這個問題基本上只有一個答案點擊開啟連結 其實不是說人家回答的不對，只是比較含糊，看截圖： 其實答案就是這樣的，當我們在用react-router的時候，react-router的思想就是讓我們<Link/>寫成一個單獨的組件Navigation.js，然後import進來，通過 this.props.children  傳遞給各路由。然後呢在根路由中添加組件建立關聯性。即

隨著React的大火，flux架構也跟著火了起來，Redux是實現flux架構的庫中的佼佼者，使用react+redux來開發應用的開發人員也越來越多 確實，React+Redux+webpack+babel+es6,這是一個極具生產力的組合 源自flux架構的單向流動使得應用的邏輯和資料流動變得可控，當應用邏輯變得複雜的時候，其優勢越加明顯，開發越加高效 但是在開發的時候出現了一些問題，比如說概念太多，檔案太鬆散等等問題

學還是要學的，用的多了，也就有更多的認識了，開發中遇到選擇的時候也就簡單起來了。 本文作者也做了總結：     如果你喜歡用（或希望能夠用）模板搭建應用，請使用Vue     如果你喜歡簡單和“能用就行”的東西，請使用Vue     如果你的應用需要儘可能的小和快，請使用Vue     如果你計劃構建一個大型應用程式，請使用React    

每周薦書：Swift、Java、React（評論送書） 老規矩，感謝大家對每周薦書欄目的支援，先公布下上周中獎名單 13期-劉子騰東風玖哥《Minecraft我的世界：建築教程大全》 夢中天阿凡提的小毛驢《人人都是架構師：分布式系統架構落地與瓶頸突破》 Heidi_8ylemliu《OpenStack最佳實務——測試與CI/CD》 請以上六位使用者私信給小編快遞地址，我儘快給各位發送獎品。 每周薦書活動規則：