search

thoughtbit / it-note

:books: 琐碎的知识, I code it
315 stars 36 forks source link

React.js 资料和教程 #12

Open moocss opened 9 years ago

moocss commented 9 years ago

https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS (图解ReactJS 👍 💯 💯) https://github.com/jeromedalbert/real-world-react (本仓库搜集了一系列基于 React 开发的真实环境下的开源应用代码库，能够帮助初学者从资深开发者的代码中逐步学习了解 React)

https://github.com/FormidableLabs/spectacle-editor (An Electron based app for creating, editing, saving, and publishing Spectacle presentations. With integrated Plotly support.)

https://www.robinwieruch.de/ (在线学习MOBX，REACT，REDUX 👍 💯 💯)

https://github.com/lelandrichardson/thinking-in-react (react 思想指南， 👍 💯 💯)

https://github.com/ReactTraining/react-subjects (教程练习资料)

https://zhuanlan.zhihu.com/p/26172177 ( React Conf 2017 不能错过的大起底 )

https://github.com/ericmasiello/intro-to-flow-presentation/blob/master/src/outline.md （Flow入门） https://juejin.im/post/58e5b0d98d6d8100616bba23 (Flow 初学者指南 👍 💯 )

https://github.com/BosNaufal/react-simple-pwa

http://www.jstips.co/en/react/enhancing-react-components-composition/ ( React 组件继承组合👍 💯 )

https://github.com/dvajs/dva-knowledgemap ( React 核心知识点， 👍 💯 )

http://www.jianshu.com/p/c3b1fd3c3f36 (关于React组件规范化的一些建议——UI组件篇 👍 💯 ）

https://hackernoon.com/10-react-mini-patterns-c1da92f068c5#.h6f5h6z1m (10个小技巧 👍 💯)

https://github.com/xitu/gold-miner/blob/master/TODO/our-best-practices-for-writing-react-components.md (编写 React 组件的最佳实践 💯)

https://github.com/xitu/gold-miner/blob/master/TODO/react-is-slow-react-is-fast.md (React 的慢与快：优化 React 应用实战)

https://segmentfault.com/a/1190000008829420 (react高阶组件之经典应用：权限控制)

github.com:wojteg1337/CustomizeComponents (自定义按钮 👍 )

https://github.com/shimohq/react-cookbook (编写简洁漂亮，可维护的 React 应用, 小炒,手册 👍👍 )

http://www.jianshu.com/p/c3b1fd3c3f36 (关于React组件规范化的一些建议——UI组件篇)

https://gold.xitu.io/entry/58ac4eb58d6d810058c1d325?utm_source=gold-miner&utm_medium=readme&utm_campaign=github (如何实现 React 组件的可复用性 )

https://github.com/franleplant/react-hoc-examples (深入理解 React 高阶组件) http://www.zcfy.cc/article/react-higher-order-components-in-depth-medium-2177.html (深入理解 React 高阶组件)

https://github.com/diegohaz/arc （A progressive React starter kit based on the Atomic Design methodology 👍 💯 , 学习） https://github.com/zeit/next.js （Next.js 开源，提供基于 React 的简单通用 JS 框架 👍 💯 , 学习） https://github.com/infernojs/inferno (更快的 React 👍 💯 , 学习)

https://github.com/vikingmute/webpack-react-codes , https://github.com/vikingmute/interview (React全栈：Redux+Flux+webpack+Babel整合开发-图书, 源码， 👍 💯 )

https://github.com/electrode-io/electrode-archetype-react-app (A WalmartLabs flavored React Universal App archetype 👍 )

https://github.com/kdchang/reactjs101 (從零開始學 ReactJS：給初學者的 React 入門教學書 :+1: :100: )

https://github.com/react-scott/react-learn (react以及react native学习, 大量的demo 练习 :+1: :100: )

https://github.com/ericdouglas/react-roadmap (React 学习 路线图 :+1: :100: )

http://www.overreact.io/ （ React 可视化脚手架 :+1: ）

http://reactcheatsheet.com/ (React 小抄 :+1: :100: )

https://github.com/luozhihao/react-antd-demo ()

https://github.com/krasimir/react-in-patterns （React 设计模式 :+1: :100: :100::100: ,学习）

https://github.com/cht8687/React-ES5-To-ES6-Checklist ( ECMAScript2015(ES6) is the latest version of the ECMAScript standard. ES5 ES6写法对照表 :+1: :100: ,学习 )

http://bbs.reactnative.cn/topic/15/react-react-native-%E7%9A%84es5-es6%E5%86%99%E6%B3%95%E5%AF%B9%E7%85%A7%E8%A1%A8 (React/React Native 的ES5 ES6写法对照表 :+1: )

https://zhuanlan.zhihu.com/p/21107252 （精益 React 学习指南:+1: :100:）

https://github.com/tj/react-enroute (简化React router， with a small footprint for modern browsers :+1: :100: )

https://github.com/garbles/why-did-you-update ( 优化，在console 查看没必要的数据更新 :+1: :100: )

https://github.com/bleeding-edge-react-sample-app/bleeding-edge-react-sample-app.github.io

https://github.com/sahusoftcom/react-utils (实用的 Components and Services for React 👍 💯 , 常用的组件集合 👍 💯 )

http://www.jianshu.com/p/fa27ae471531 (React，我从未见过如此好看的教程)

https://zhuanlan.zhihu.com/purerender?topic=React (知乎前端React 文章)

http://jiji262.github.io/2016/04/29/create-your-own-react-boilerplate/

https://github.com/gaearon/react-hot-boilerplate ( :+1: :100: )

https://github.com/mir3z/react-virtual-list (大数据列表优化)

http://wwsun.github.io/posts/react-with-es6-part-1.html （使用ES6编写React应用（1）：简介及环境配置） http://wwsun.github.io/posts/react-with-es6-part-2.html （使用ES6编写React应用（2）：类组件的属性与状态） http://wwsun.github.io/posts/react-with-es6-part-3.html （使用ES6编写React应用（3）：React类中方法的绑定） http://wwsun.github.io/posts/react-with-es6-part-4.html （使用ES6编写React应用（4）：使用高阶组件替代Mixins）

https://segmentfault.com/a/1190000004671209 ,https://github.com/huqingliang/react-server (React 同构实践与思考, :+1: :100: Koajs , Reactjs )

https://github.com/kisnows/react-v2ex (练习)

https://segmentfault.com/a/1190000004530909 ( react-css-modules ) https://segmentfault.com/a/1190000004300065 (CSS Modules详解及React中实践)

https://github.com/web-perf/react-worker-dom (React Worker Dom, 比React Dom更快)

https://github.com/petehunt/react-howto/blob/master/README-zh.md? (如何学习React :+1: :100: )

http://zhuanlan.zhihu.com/FrontendMagazine/20616464 （Airbnb React编码规范） http://tangguangyao.github.io/2016/03/17/React%E7%BB%84%E5%86%85%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83/ (部门FE React 组件开发规范)

https://github.com/progrape/rmd (A Markdown Editor build with React) https://github.com/weui/react-weui

http://www.overreact.io/ (React组件的可视化生成器)

https://github.com/kriasoft/react-starter-kit （demo, 快速构建 健壮的 模块化的Web应用 :+1: :100: ） https://github.com/r31gN/react-es6-starter-kit

https://github.com/reactjs/express-react-views （服务端渲染 Reactjs :+1: ）

https://coding.net/u/kin/p/react-server-side-demo/git (React 使用 Fluxible (YAHOO的 Fluxible 是用于 Flux 应用的可插拔容器) 服务器端渲染 :+1: )

https://github.com/goatslacker/alt ( Isomorphic flux implementation ,http://alt.js.org/, 简单小巧的Flux :+1: ) https://github.com/goatslacker/iso ( A helper class，帮助你的数据从 server 到 client. )

http://icodeit.org/2015/11/get-started-with-reflux/ (你为什么应该试一试Reflux？ 👍 💯 ) https://github.com/abruzzi/react-reflux-demo

https://github.com/echenley/react-news ( Hacker News clone written in React ;This is a real-time Hacker News clone written using React, RefluxJS, and a Firebase backend. )

https://github.com/luisvinicius167/react-todo-riotux (React Todo with riotux state management)

http://tonyspiro.com/building-a-simple-react-application-using-the-flux-pattern/ ( Building A Simple React Application Using The Flux Pattern)

http://react-guide.github.io/react-router-cn/ （React路由指南）

https://reactjsnews.com/react-style-guide-patterns-i-like/ (React Style Guide)

https://scotch.io/tag/react（老外的在线教程）

http://buildwithreact.com/（在线教程）

https://egghead.io/series/build-your-first-react-js-application?order=asc&page=1(在线视频)

https://leanpub.com/beginning-mobile-app-development-with-react-native

https://github.com/chibicode/react-for-designers (如何用 React 实现 jQuery 案例)

https://github.com/enaqx/awesome-react (资源集合 :+1: :100: )

https://rnplay.org/ (在线React Native Playground)

https://github.com/ipselon/react-ui-builder (在线工具)

http://qiita.com/advent-calendar/2014/reactjs (一人React.js Advent Calendar 2014) https://github.com/frantic/nyc-2015

http://rubix.sketchpixy.com/app/dashboard (后台模板)

网站例子：

https://github.com/DigAg/digag-pc-react （模仿掘金 👍 💯 ）

https://github.com/tonyspiro/tonyspiro.com-react https://github.com/cosmicjs/cosmicjs-examples

https://github.com/hackoregon/cropcompass-ui https://github.com/hackoregon/Hunger-frontend

https://github.com/kadira-samples/react-graphql-todos (Simple Todo App with React and GraphQL)

http://www.tuicool.com/articles/AzQzEbq (React 组件之间如何交流 :+1: :100: )

https://github.com/relax/relax (New generation CMS on top of React, Redux and GraphQL :+1: :100:)

https://github.com/marmelab/admin-on-rest (A frontend framework for building admin SPAs on top of REST services, using React and Material Design 👍 💯 , 学习)

SVG icons

https://github.com/necolas/icon-builder-example (SVG icons as React components)

TypeScript

https://github.com/rokoroku/react-redux-typescript-boilerplate https://github.com/tomaash/shoutboard-react

Mobxjs

https://github.com/lostpebble/koa-mobx-react-starter (学习 :+1: :100:)

https://github.com/djyde/Maria (mobx, electron, blueprintjs )

WebPack + Redux

https://github.com/CoderCoded/crcd-fullstack https://github.com/CoderCoded/crcd-react ( 👍 💯 ， 推荐)

https://github.com/mweststrate/immer (redux + immutable 库，👍 💯)

Redux 简化 工具

https://github.com/rematch/rematch （Rematch is Redux best practices without the boilerplate. No more action types, action creators, switch statements or thunks. 👍 💯 💯 ， 推荐）

https://github.com/xrr2016/rematch-todos

https://github.com/ruliarmando/react_crud

https://github.com/colloquet/lihkg-rn

Redux 异步

https://github.com/react-native-training/redux-4-ways （4种异步方式 👍 💯 💯 ， 推荐） https://github.com/BruceCham/react-cli (Redux + Redux-saga + React-router-dom 4.2.2) https://juejin.im/post/59e083c8f265da43111f3a1f (浅析redux-saga实现原理 👍 💯 💯 )

http://www.codedata.cn/hacknews/152047495245427871 （从redux-thunk到redux-saga实践 👍 💯 ）

Redux

https://github.com/xuchaobei/react-book/tree/master/chapter-09 ( redux -> redux-immutable -> redux-reselect 👍 💯 💯 ， 推荐)

https://github.com/happypoulp/redux-tutorial (Learn how to use redux step by step 👍 💯 💯 ， 推荐)

http://www.sohamkamani.com/blog/2017/03/31/react-redux-connect-explained/ ( redux connect 解释 👍 💯 )

https://github.com/shayc/cboard (👍 💯 💯 , 学习， 国际化，Redux)

https://github.com/uanders/react-redux-cheatsheet/blob/master/article/react-redux-concept-workflow.md (深入理解 redux 概念、工作流程和小炒表👍 💯 💯 ， 推荐)

https://juejin.im/post/5930a1bdfe88c2006198bdf0 (Redux:百行代码千行文档)

https://github.com/rccoder/blog/issues/18 听说你需要这样了解 Redux(一) https://github.com/rccoder/blog/issues/20 听说你需要这样了解 Redux(二) https://github.com/rccoder/blog/issues/26 听说你需要这样了解 Redux(三)

https://github.com/HOUCe/react-redux-multiConnect-renderCountProp (最先进”Redux理念的todo list demo 👍 💯 学习)

https://github.com/eddyerburgh/palette-picker(flow + e2e + redux, 👍 💯 , 推荐)

https://zapier.com/engineering/how-to-build-redux/ (一步一步写一个redux实现 👍 💯 , 推荐)

https://github.com/jevakallio/redux-offline (Build Offline-First Apps for Web and React Native)

https://github.com/gyver98/redux-tesla-battery-range-calculator-tutorial （特斯拉-电池-计算器👍 💯 , 推荐） https://github.com/gyver98/part1-react-tesla-battery-range-calculator-tutorial （特斯拉-电池-计算器👍 💯 , 推荐） https://github.com/gyver98/part3-animation-tesla-battery-range-calculator-tutorial （特斯拉-电池-计算器👍 💯 , 推荐）

https://github.com/wbkd/react-starter (react + redux 脚手架 👍 💯 , 推荐,学习)

https://github.com/CheesecakeLabs/react-redux-boilerplate (脚手架 👍 💯 , 推荐,学习)

https://github.com/HOUCe/news-express (脚手架) https://github.com/HOUCe/react-redux-demo (脚手架 👍 💯 , 推荐)

https://github.com/gyver98/Idiomatic-Redux (脚手架 👍 💯 , 推荐)

https://github.com/werein/react (简单干净的全家桶模板， 👍 💯 , 推荐)

https://github.com/bailicangdu/react-pxq (基于 react + react-router + redux + webpack + ES6/7 + less 的完整项目)

https://github.com/joeyguo/blog/issues/3 ( Redux 介绍, 👍 💯,)

https://blog.jimmylv.info/2016-07-04-rules-for-structuring-redux-applications/ (Redux + React 应用程序架构的 3 条规范 👍 💯 )

https://github.com/SidKwok/react-webpack-boilerplate (A SPA boilerplate with React, built with love.)

https://github.com/react-boilerplate/react-boilerplate ( 👍 💯 , 推荐)

https://github.com/lewis617/react-redux-book （《React 与 Redux 开发实例精解》源码👍 💯 ）

https://github.com/lewis617/react-redux-tutorial （React+Redux系列教程， 👍 💯 ， 推荐学习）

https://lewis617.github.io/2016/11/26/opendata/ (360， React 与 Redux 在生产环境中的实践总结)

http://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/index.html (使用 Redux 管理状态, 5篇文章 👍 )

https://github.com/markerikson/redux-ecosystem-links （A categorized list of Redux-related addons, libraries, and utilities ， 👍 💯 ， 中间件和实用工具库） https://github.com/bodyno/universal-react-starter-kit (react,redux,react-router,react-router-redux,webpack,babel,koa,karma,eslint 👍 💯 , 非常好的模板) https://github.com/supnate/rekit （Toolkit for building web apps with React, Redux and React-router， 👍 💯 , 非常好的模板 ）

https://github.com/dvajs/dva (蚂蚁金服， React + Redux 最佳实践 (dva 基于此封装) :+1: :100: , 推荐使用 )

https://github.com/ecmadao/Coding-Guide/blob/master/Notes/React/Redux/Redux%E5%85%A5%E5%9D%91%E7%AC%94%E8%AE%B0-ThinkInRedux.md (Redux入坑笔记 :+1: :100: )

https://github.com/tj/frontend-boilerplate (TJ 大神 , webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate， :+1: :100: 学习)

https://github.com/bodyno/react-starter-kit （完美使用 React, Redux, and React-Router！ 👍 💯 ）

https://github.com/davezuko/react-redux-starter-kit (React + Redux 最佳实践, react, redux, react-redux, react-router and redux-saga 👍 💯 )

https://juejin.im/post/58eb4100ac502e006c45d5c9 (OpenDoc - Redux-Saga 初识和总结 👍 💯 )

https://github.com/andrewngu/sound-redux (In an effort to learn es6 and redux, https://soundredux.io :+1: :100: 音乐网站)

https://github.com/LeoHuiyi/leo-boilerplate/tree/master/react-redux (入门，参考 :+1: :100: )

https://github.com/JackPu/react-native-redux-routers-example

https://github.com/kenberkeley/redux-simple-tutorial (Redux 简明教程。本教程深入浅出，配套入门、进阶源码解读以及文档注释丰满的 Demo)

https://github.com/kenberkeley/react-demo (React 示例项目·简易留言板。本项目拥有完善的文档说明与注释，让您快速上手 React 开发 SPA。Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter)

https://github.com/sorrycc/dva (React + Redux 最佳实践, react, redux, react-redux, react-router and redux-saga 👍 💯 )

https://start.jcolemorrison.com/react-and-redux-sagas-authentication-app-tutorial/ ， https://github.com/jcolemorrison/redux-sagas-authentication-app（基于 React 与 Redux Sagas 的权限验证应用开发教程👍 💯 ）

https://github.com/rangle/react-redux-starter （学习， Rangle.io official React + Redux starter 👍 💯 ）

https://github.com/tommikaikkonen/redux-orm (A small, simple and immutable ORM to manage relational data in your Redux store.)

https://github.com/anorudes/redux-easy-boilerplate https://github.com/tetojs/teto.js (a framework based on react and redux 👍 💯 ) https://github.com/mxstbr/react-boilerplate (express+mmutable + react + redux :+1: :100: )

http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html （全栈开发 Full-Stack Redux Tutorial :+1: :100: ） https://github.com/erikras/react-redux-universal-hot-example https://github.com/quangbuule/redux-example https://github.com/Newbourne/exp-hapi-redux https://github.com/emmenko/redux-react-router-async-example (在线例子：http://emmenko.github.io/redux-react-router-async-example/#/stargazers/emmenko)

http://davidandsuzi.com/writing-a-basic-app-in-redux/ (Writing a Basic App in Redux) https://github.com/Versent/redux-crud ( Redux CRUD Applications ) http://boke.io/xue-xi-redux-liu-shui-zhang/ （学习 redux.js 的 流水账）

http://react-china.org/t/redux/2687 https://github.com/lewis617/react-redux-tutorial http://cn.redux.js.org/docs/react-redux/api.html https://github.com/gaearon/redux (flux 终于要有一个一统天下的实现了) http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html(全栈 Redux 教程)

http://www.w3ctech.com/topic/1561 (深入浅出 - Redux)

http://zhuanlan.zhihu.com/FrontendMagazine/20263396 (图解 Flux)

https://github.com/survivejs/redux-demo (Redux port of SurviveJS - Webpack and React Kanban app)

https://github.com/TongchengQiu/TodoList-as-redux-demo (入门小例子 :+1: ) https://github.com/TongchengQiu/ReactRacing (入门小例子 :+1: ) https://github.com/liliang-cn/react_redux_appointment (入门小例子 :+1: )

https://github.com/riskers/blog/issues/32 (Redux、MobX 数据流的总结)

表单

https://github.com/alsiola/form-and-function （👍 👍 💯 ） https://github.com/alibaba/noform （NoForm put all form's related manuplation in an logical unit to seperate data and view. 👍 👍 💯）

Admin

https://github.com/wjkang/3YAdmin (基于react全家桶+antd构建的专注通用权限控制与表单的后台管理系统模板 👍 👍 💯 推荐使用)

https://github.com/AlanWei/react-boilerplate-pro (react后台管理界面 👍 👍 💯 推荐使用)

https://github.com/cd-dongzi/react-admin (react后台管理界面 👍 👍 💯)

https://github.com/MuYunyun/reactSPA (Webpack(4.x) + Reactjs (16.2.0) + redux 👍 👍 💯 , 推荐使用) https://github.com/yycliqion/admin-v2-fe (电商后台管理系统，React16 + ReactRouter4 👍 👍 💯 )

https://github.com/duxianwei520/react (一个react+redux+webpack+ES6+antd的SPA的后台管理底层框架 👍 👍 💯 , 推荐使用)

https://github.com/TCL-MIG-FE/react-web-spa-startkit https://github.com/yezihaohao/react-admin (React+AntD后台管理系统解决方案)

小例子 (学习)

https://github.com/rwieruch/favesound-redux (The SoundCloud Client in React + Redux made with passion.👍 👍 💯 ) https://github.com/rwieruch/favesound-mobx (The SoundCloud Client in React + Redux made with passion. 👍 👍 💯 )

https://github.com/zxj963577494/qipalin-react-redux (react v16 redux redux-saga react-redux react-router v4 react-router-redux axios antd-mobile 👍 ) https://github.com/zxj963577494/OverWatchTeams (react v16 redux redux-saga react-redux react-router v4 react-router-redux axios antd-mobile 👍 )

https://github.com/harryho/react-crm (A reusable CRM project for real-world business based on React 15.4, React-Redux & Material-UI)

https://github.com/rsuite/rsuite-example-admin (webpack + react + react-router + redux)

https://github.com/minooo/React-Study (渐进式学习React生态圈) https://github.com/minooo/react-go (React 生态圈实战)

https://github.com/bailicangdu/react-pxq

https://github.com/JackPu/yarn-react-webpack-seed (yarn + webpack + react + react-router) https://github.com/bleeding-edge-react-sample-app/bleeding-edge-react-sample-app.github.io （react + react-router + reflux-core） https://github.com/christiannwamba/scotch-react-redux-bookshop https://github.com/christiannwamba/scotch-react-router https://github.com/christiannwamba/scotch-react-todo

https://github.com/kiki-le-singe/react-redux-boilerplate https://github.com/kiki-le-singe/react-redux-universal-boilerplate ( 👍 💯 ) https://github.com/kiki-le-singe/react-router-animation-examples

https://github.com/cantierecreativo/redux-bees (A nice, short and declarative way to interact with JSON APIs, 👍 💯 💯)

https://github.com/StephenGrider/AdvancedReduxCode https://github.com/StephenGrider/BookList https://github.com/StephenGrider/BookSearch https://github.com/StephenGrider/ReactNativeReduxCasts

组件

https://github.com/chantastic/react-svg-spinner （👍 💯）

https://github.com/nitin42/react-imgpro （图片处理软件， 👍 💯）

https://github.com/clauderic/react-tiny-virtual-list (大数据列表 👍 💯)

https://github.com/chentsulin/sweetalert-react (模态对话框 👍 💯 )

https://github.com/berzniz/react-overdrive （Super easy magic-move transitions for React apps. 弹出过渡效果） https://github.com/borisyankov/react-sparklines ( 超酷的迷你图表 👍 💯 ) https://github.com/codecks-io/react-reform https://github.com/vazco/uniforms https://github.com/airbnb/react-dates (日历选择器 :+1: :100: ) https://github.com/LeoHuiyi/leo-react-autocomplete https://github.com/wwayne/react-tooltip

https://github.com/nadbm/react-modal2

https://github.com/gabrielbull/react-aim ( menu , tooltip) https://github.com/tannerlinsley/react-table

https://github.com/nadbm/react-datasheet （类似Excel 的数据表格 👍 💯 ）

CSS in React

https://github.com/joeshub/css-in-react (CSS in React -各地库对比与学习 👍 💯 )

react-patterns

https://fed.renren.com/2017/02/28/react-patterns/ , https://github.com/planningcenter/react-patterns (👍 💯💯)

性能和优化

https://github.com/react-book/book-code/tree/master/demo7/redux-react-code-splitting-project (单页面应用代码分割 👍 💯💯) https://github.com/jamiebuilds/react-loadable (以组件为中心的代码分割和懒加载 👍 💯💯) https://github.com/Chrischuck/React-Boilerplate (react-loadable + apollo 👍 💯💯, 推荐)

https://zhuanlan.zhihu.com/p/33985606 （关于react, redux, react-redux和reselect的一些思考）

https://zhuanlan.zhihu.com/p/37148975 (React 16 加载性能优化指南 👍 💯 )

https://juejin.im/post/5a3087746fb9a0450c4963a5 （render-props 代替 高阶组件） https://github.com/jaredpalmer/awesome-react-render-props ( render-props 代替 高阶组件 👍 💯💯)

https://github.com/xitu/gold-miner/blob/master/TODO/react-redux-optimization.md (Redux 并不慢，只是你使用姿势不对 —— 一份优化指南 👍 💯 ) https://github.com/acdlite/recompose （A React utility belt for function components and higher-order components. 👍 💯 ）

https://medium.com/@abhiaiyer/top-5-recompose-hocs-1a4c9cc4566 （ 👍 💯）

https://blog.vixlet.com/react-at-light-speed-78cd172a6411 （ 反应速度优化👍 💯 ）

https://medium.com/@thejameskyle/react-loadable-2674c59de178 ( 加载优化 👍 💯 )

https://juejin.im/post/592e3af8ac502e006c9c3f1f (Airbnb 的前端重构, 👍 💯)

http://techblog.appnexus.com/blog/2017/05/16/5-tips-for-working-with-redux-in-large-applications/ (5种redux技巧)

https://github.com/react-native-training/advanced-react (react 高级部分 👍 💯 )

recompose

https://github.com/suzdalnitski/medium-mastering-recompose, https://zhuanlan.zhihu.com/p/42494044 ( 通过Recompose库掌握React函数组件 )

高级知识

https://juejin.im/post/59b36b416fb9a00a636a207e （React高阶组件实践， 👍 👍 💯）

https://github.com/streamich/react-use （React Hooks， 入门与实战 👍 👍 💯）

库

https://github.com/recharts/recharts （图表）

设计模式

https://github.com/vasanthk/react-bits （模式，技巧 👍 👍 💯 ） https://github.com/Okazari/react-rest-resources ( 👍 )

https://codepen.io/necolas/ https://codepen.io/necolas/pen/ggOKRw?editors=0010 （React Native: styled-components）

https://juejin.im/post/5a694be551882573541c8f29 (构造函数已死，构造函数万岁！)

book 源码

https://github.com/azat-co/react-quickly （ 👍 💯 , 小技巧 ） https://react-quickly-demo-bffyryjazc.now.sh/

地图

https://github.com/huiyan-fe/react-bmapv(基于百度地图JavaScript API封装的React组件库) https://github.com/ElemeFE/vue-amap

https://github.com/zcreativelabs/react-simple-maps （An svg map component built with and for React）

react动画

https://github.com/mhaagens/animated_routes_react

https://github.com/react-native-training/react-animations (React动画 👍 💯 )

https://medium.com/react-native-training/react-animations-in-depth-433e2b3f0e8e (深度了解React动画 👍 💯)

https://github.com/sghall/resonance （Resonance 是数据驱动的高性能 React 动画库，它使用了 d3-timer 来管理成百上千地状态变化；Resonance 允许开发者以简单而亲切地语法实现高性能的状态更新动画。👍 💯）

拖放

https://github.com/atlassian/react-beautiful-dnd （👍 💯 💯）

前端每周清单半年盘点之 React 与 ReactNative 篇

教程实践

开源项目

延伸阅读

React 框架

https://github.com/mirrorjs/mirror (一款简洁、高效、易上手的 React 框架。 )

动画

https://tech.youzan.com/react-animations/ （React 中常见动画的实现方式）

图表

https://github.com/alibaba/BizCharts

moocss commented 9 years ago

http://yossk.hatenablog.com/entry/2015/05/03/120609 (Reactによるフロントエンド開発の変革)

https://github.com/sarmadsangi/backbone_to_reactjs/tree/master/Backbone_with_reactjs

moocss commented 9 years ago

http://zhuanlan.zhihu.com/FrontendMagazine/19896745 (ReactJS 傻瓜教程) http://zhuanlan.zhihu.com/FrontendMagazine/19900243 （Flux 傻瓜教程）

moocss commented 9 years ago

http://simonsmith.io/using-webpack-to-build-react-components-and-their-assets/

moocss commented 9 years ago

http://react.parts/ ( React Native 和 React Web) 在线组件集合

moocss commented 9 years ago

http://segmentfault.com/blog/yuyang040160120?page=1

moocss commented 9 years ago

React 之旅， 文章系列

http://www.davidmeents.com/react-node-tutorial-creating-a-restful-api-with-express/ http://www.davidmeents.com/tables-react-you-can-sort-filter-paginate/ http://www.davidmeents.com/creating-a-collapsible-navigation-menu-in-react-js/ http://www.davidmeents.com/journey-into-react-part-4-styling-with-scss-and-webpack/ http://www.davidmeents.com/journey-into-react-part-3-navigating-between-webpages-with-react-router/ http://www.davidmeents.com/journey-into-react-part-2-creating-your-first-react-app/ http://www.davidmeents.com/journey-into-react-part-1-getting-started-with-react-on-windows/

http://andyyou.logdown.com/tags/ReactJS (台湾)

http://jamestw.logdown.com/categories/reactjs (台湾)

http://www.checkme.tw/wordpress/category/react/ (台湾)

moocss commented 9 years ago

https://speakerdeck.com/mridgway/isomorphic-flux

https://github.com/tomaash/react-example-filmdb （WebPack + React/Flux(Alt) + Koa ,增删改查)

moocss commented 9 years ago

https://github.com/yiminghe/learning-react （支付宝）

moocss commented 9 years ago

http://facebook.github.io/react-native/

https://rnplay.org/

http://react.parts/native-ios

http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript

https://egghead.io/lessons/react-react-native-up-and-running

http://herman.asia/building-a-flashcard-app-with-react-native

http://www.reactnative.com/tag/tutorial/

http://www.ruanyifeng.com/blog/2015/03/react.html

http://www.appcoda.com/react-native-introduction/

moocss commented 9 years ago

http://react.rocks/ (ReactJS Examples, Demos, Code)

moocss commented 9 years ago

http://blog.typework.com/react-native-universal/ （构建可通用的React Native App） https://github.com/GertjanReynaert/react-native-universal

moocss commented 9 years ago

http://slides.com/garryyao/react-leverage-existing#/ (在React中整合现有类库)

moocss commented 9 years ago

http://www.dang-jian.com/web/2015/05/12/why-react-1.htm l(React为什么这么火 - 文章) http://www.dang-jian.com/labs/why-react/ (React为什么这么火 -PPT) http://www.dang-jian.com/labs/react/ （React为什么这么火 - demo）

moocss commented 9 years ago

https://react.zeef.com/nick.raienko (最全的React资源列表)

moocss commented 9 years ago

https://christianalfoni.github.io/react-webpack-cookbook/index.html (React Webpack cookbook 教程)

http://www.christianalfoni.com/ （好多reactjs 和 webpack 整合文章 ， github 有源码）

moocss commented 9 years ago

https://github.com/LeezQhttps://github.com/LeezQ ()

moocss commented 9 years ago

Flux ： https://github.com/FormidableLabs/react-flux-concepts （ Step by step building the recipe app in react & flux.） https://github.com/FormidableLabs/recipes-flux （ Recipes (Flux example) ） http://reactjsnews.com/getting-started-with-flux/

http://tylermcginnis.com/reactjs-tutorial-pt-3-architecting-react-js-apps-with-flux/ http://reactjsnews.com/building-components-with-react-js-and-flux/

Bootstrap components in React ：

http://projects.formidablelabs.com/radium-bootstrap/

http://get.jobdeer.com/7580.get/ (Flux 傻瓜教程)

https://github.com/voronianski/universal-react-flux-boilerplate （React (0.13.x) + Flux (Flummox) + ReactRouter (0.13.x) + Server Rendering ）

https://github.com/voronianski/flux-comparison http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example （Practical comparison of different Flux solutions）

https://github.com/tonyspiro/react-flux-cosmicjs

moocss commented 9 years ago

http://projects.formidablelabs.com/component-playground/ （ A component for rendering React components with editable source and live preview ）

moocss commented 9 years ago

https://github.com/rainyear/react-jwt-example (Using JSON Web Token in React App.)

moocss commented 9 years ago

https://github.com/Lucifier129/Lucifier129.github.io/blob/master/nodeppt%2F20150528%2Freact.htm

moocss commented 9 years ago

https://github.com/chenglou/react-animation http://xudafeng.github.com/autoresponsive-react

moocss commented 9 years ago

https://github.com/NdYAG/react-tageditor https://github.com/NdYAG/react-rater

moocss commented 9 years ago

http://1ke.co/course/explore/ReactJS

moocss commented 9 years ago

https://github.com/Lobos/react-ui (国人 A collection of components for React)

moocss commented 9 years ago

http://simblestudios.com/blog/tag/react.html (网站结构)

moocss commented 9 years ago

https://github.com/tribou/react-todo/tree/1.2.0 (Serving React and Flux with Hapi and Webpack)

moocss commented 9 years ago

https://github.com/tmallfe/tmallfe.github.io/issues/23 (轻松入门React和Webpack)

moocss commented 9 years ago

http://wwsun.me/posts/react-getting-started.html（谈谈React.js的核心入门知识）

moocss commented 9 years ago

http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/ (一个为只会 jQuery 前端狗准备的 React.js 教程)

moocss commented 9 years ago

https://github.com/yuyang041060120/CNode-React

moocss commented 9 years ago

https://github.com/Granze/react-starterify (https://github.com/Granze/react-starterify)

moocss commented 9 years ago

https://github.com/yuyang041060120/csfz-food-react

moocss commented 9 years ago

https://github.com/hayeah?tab=repositories (recat 教学，例子)

moocss commented 9 years ago

https://reactjsnews.com/modals-in-react/ (对话框设计模式) https://github.com/yuanyan/boron（动画对话框） https://github.com/qimingweng/react-modal-dialog (对话框) https://github.com/marcio/react-skylight (对话框)

moocss commented 9 years ago

http://projects.formidablelabs.com/es6-interactive-guide/ （ES6指南，代码演示网站）

moocss commented 9 years ago

https://github.com/zero-plus-x/neoform （Modular HOCs for form state management and validation in React） https://github.com/rofrischmann/react-controlled-form （Flexible, Modular & Controlled Forms for React and Redux） https://github.com/jaredpalmer/formik （React 中的表单处理一直是痛点所在，而目前很多的表单处理库添加了太多的抽象，不仅不易于理解而且会造成许多额外的性能损耗。而 Formik 则提供了简便易用的高阶组件来帮你处理将 Props 转化为扁平的 React 状态、自动化字段验证并且进行错误提示、将扁平地 React 状态转化为接口可用的对象这三个任务） https://github.com/christianalfoni/formsy-react （React 表单处理和验证） http://www.thomasboyt.com/react-pikaday/ （简单的日历） https://github.com/Adphorus/react-date-range （日历） https://github.com/gpbl/react-day-picker/ （Flexible date picker for React :+1: ）

https://github.com/BelkaLab/react-yearly-calendar (全日历)

https://github.com/bebraw/reactabular （ 数据表格的CRUD ）

https://github.com/eeandrew/Switch

https://github.com/ecmadao/react-times （类似安卓的时间选择器 :+1: ）

moocss commented 9 years ago

http://www.inkpaper.io/blog/post/2015/10/18/navigating-the-react-ecosystem.html (React.js生态系统概览 [译])

moocss commented 9 years ago

http://stylechen.com/category/react (雨夜带刀的React 相关文章) https://github.com/chenmnkken/react-demo ( 雨夜带刀的React 相关文章的 的源码)

moocss commented 8 years ago

https://github.com/camsong/blog/issues/3 (Immutable 详解及 React 中实践 :+1: )

moocss commented 8 years ago

https://github.com/gpbl/isomorphic500 （ Express，React and Flux / fluxible. webpack and react-hot-loader babeljs :+1: )

moocss commented 8 years ago

http://www.cnblogs.com/vajoy/category/703259.html ( 入门与实践 ) http://lingyu.wang/#/post/2015/5/15/react-and-webpack (轻松入门React和Webpack)

https://github.com/icepy/_posts/issues/13 (学习React第一步)

wwhgtt commented 8 years ago

大神

zhourunlai commented 8 years ago

干货

Skura23 commented 8 years ago

make

littleLane commented 7 years ago

big god