Links:
- https://devhints.io/react : cheatsheet
- http://www.react.express/
- https://github.com/sw-yx/react-typescript-cheatsheet
- https://github.com/markerikson/react-redux-links
- https://github.com/clauderic/react-tiny-virtual-list
- https://medium.com/@nagadurga/optimizing-react-performance-c8c401c9c215
- https://flexport.engineering/optimizing-react-rendering-part-1-9634469dca02, https://news.ycombinator.com/item?id=14418054
- https://hackernoon.com/routing-in-react-the-uncomplicated-way-b2c5ffaee997
- https://medium.freecodecamp.com/you-might-not-need-react-router-38673620f3d
- https://hackernoon.com/10-react-mini-patterns-c1da92f068c5
- https://css-tricks.com/react-forms-using-refs/
- https://github.com/PeerioTechnologies/peerio-desktop : full app in react/typescript/electron
- https://github.com/vasanthk/react-bits : list of good react practices
- https://reactjs.org/docs/portals.html
- https://hackernoon.com/using-a-react-16-portal-to-do-something-cool-2a2d627b0202
- https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce
- http://lucasmreis.github.io/blog/simple-react-patterns/
Component libraries:
- http://www.jetbrains.org/ring-ui/index.html
- https://github.com/OfficeDev/office-ui-fabric-react
- https://github.com/palantir/blueprint
- https://github.com/palantir/react-mosaic
High-quality UI libraries:
- http://blueprintjs.com/docs/#components
- https://ant.design/docs/react/introduce, https://github.com/ant-design/ant-design : ui framework in React, from Alibaba, some docs in Chinese
- https://dev.office.com/fabric#/components
- https://react-md.mlaursen.com/
- https://evergreen.surge.sh/
Components:
- https://github.com/JedWatson/react-select
- https://github.com/ctxhou/react-tabtab
- https://github.com/styled-components/styled-components
- https://gao-sun.github.io/react-awesome-tabs/
- https://github.com/brillout/awesome-react-components
- https://github.com/jxnblk/reflexbox
- https://github.com/FormidableLabs/victory
- http://www.reactenlightenment.com/what-is-react.html
- http://recharts.org/, https://news.ycombinator.com/item?id=12277389
- https://uber.github.io/react-vis/
- http://krasimirtsonev.com/blog/article/react-js-in-design-patterns
- http://reactcss.com/
- https://www.fullstackreact.com/articles/react-tutorial-cloning-yelp/
- https://github.com/metabase/metabase/tree/master/frontend/src/query_builder - a big app
- https://github.com/BelkaLab/react-yearly-calendar, https://news.ycombinator.com/item?id=10574045 : yearly callendar
- http://stackoverflow.com/questions/29166387/nested-loop-react-components-with-flux-change-listeners-on-parent-or-children, http://jsbin.com/cobiyi/1/edit?js,output
- https://engineering.siftscience.com/browser-dgaf-that-you-use-react/
- https://engineering.siftscience.com/browser-dgaf-use-react-pt-2-flipping-react/
- https://github.com/mzabriskie/react-draggable
- http://blog.krawaller.se/posts/a-react-js-case-study/
- https://medium.com/tictail-makers/replacing-jsx-with-vanilla-coffeescript-4d3ef5eccae4
- http://blog.vjeux.com/2013/javascript/react-coffeescript.html
- https://facebook.github.io/react/docs/videos.html
- https://news.ycombinator.com/item?id=8329837
- https://www.youtube.com/watch?v=XhXC4SKOGfQ&t=7m - immutable models talk
- http://thinkingonthinking.com/the-rendering-question/
- http://jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome
- http://mtford.co.uk/reactjs/react/javascript/2014/11/18/red-hot-react.html
- http://www.pgbovine.net/react-babel-webpack-javascript-es6-setup.htm
- https://reactjsnews.com/react-style-guide-patterns-i-like/
- https://reactjsnews.com/complex-drag-and-drop-lists-using-react/
- http://videos.bigbinary.com/categories/react
- http://www.jackcallister.com/2015/01/05/the-react-quick-start-guide.html
- http://jlongster.com/Presenting-The-Most-Over-Engineered-Blog-Ever
- http://www.jackcallister.com/2015/01/05/the-react-quick-start-guide.html
- https://dynamictyped.github.io/Griddle/, https://news.ycombinator.com/item?id=8918463
- http://www.tabforacause.org/blog/2015/01/29/using-reactjs-and-application-cache-fast-synced-app/
- http://react.rocks/
- http://react-components.com/
- http://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html
- http://kyleamathews.github.io/react-responsive-grid/examples/
- https://zapier.com/engineering/react-js-tutorial-guide-gotchas/
- http://dailyjs.com/2015/02/27/radium-d3/
- http://christianalfoni.github.io/javascript/2015/02/06/plant-a-baobab-tree-in-your-flux-application.html
- http://ryanclark.me/getting-started-with-flux/
- http://strml.viewdocs.io/react-router-component
- http://zippyui.com/
- http://jsbin.com/cobiyi/1/edit?js,output
- http://bl.ocks.org/simenbrekken/ced1e127fa947467d2b4
- https://github.com/mikechau/react-primer-draft
- http://christianalfoni.github.io/react-webpack-cookbook/Getting-started.html
- https://github.com/orgsync/react-list - infinite scroll
- https://github.com/mikechau/react-primer-draft
- https://github.com/prakhar1989/react-shopping-cart
- https://medium.com/@learnreact/container-components-c0e67432e005
- http://facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html
- https://medium.com/@dan_abramov/my-react-list-862227952a8c
- http://dmfrancisco.github.io/react-icons/
- https://medium.com/@dan_abramov/the-future-of-drag-and-drop-apis-249dfea7a15f
- https://github.com/tryolabs/react-examples
- https://github.com/facebook/fixed-data-table
- https://github.com/dataminr/react-components
- https://github.com/ryanflorence/react-training/tree/gh-pages/lessons
- http://stackoverflow.com/questions/23743291/reactjs-what-is-the-workflow-to-force-a-refresh
- http://www.reddit.com/r/reactjs/comments/324ak6/this_weeks_reactjs_examples/
- http://chrispearce.co/exploring-hotkeys-and-focus-in-react/
- https://github.com/yuanyan/halogen - spinners in reac
- https://github.com/react-component/tooltip
- https://github.com/Chrisui/react-hotkeys
- https://github.com/nmn/react-infinity
- https://github.com/nmn/yarr - small router
- https://github.com/nmn/react-timeago
- https://github.com/zachleat/Humane-Dates
- http://blog.tryolabs.com/2015/04/13/a-reusable-modal-component-in-react/
- https://github.com/petehunt/jsxstyle
- https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c
- https://speakerdeck.com/jmorrell/jsconf-uy-flux-those-who-forget-the-past-dot-dot-dot-1
- https://medium.com/@greggawatt/simple-file-uploads-in-react-js-backbone-js-and-rails-7a4ab43c7e27
- http://alt.js.org/docs/components/altContainer/
- https://blog.boon.gl/2015/04/13/react-dnd-example-simplified.html
- http://blog.siftscience.com/blog/2015/best-practices-for-building-large-react-applications
- http://essence.pearlhq.com/
- http://blog.mgechev.com/2015/05/15/flux-in-depth-overview-components/
- http://www.reddit.com/r/reactjs/comments/365s05/fluxs_dispatcher_whats_the_point/
- http://www.reddit.com/r/reactjs/comments/36gvcz/the_react_way_drag_and_drop/
- https://github.com/JedWatson?tab=repositories
- https://github.com/JedWatson/react-codemirror/blob/master/lib/Codemirror.js
- https://scotch.io/tutorials/getting-to-know-flux-the-react-js-architecture
- http://blog.siftscience.com/blog/2015/best-practices-for-building-large-react-applications
- https://react.zeef.com/nick.raienko
- http://borisyankov.github.io/react-sparklines/
- http://gaearon.github.io/react-dnd/ - drag&drop
- http://engineering.kapost.com/2015/05/transitioning-to-flux-architecture/
- https://medium.com/@mikeschultz/creating-an-analytics-dashboard-with-react-and-zingchart-cd6a9f4c31
- http://blog.siftscience.com/blog/2015/best-practices-for-building-large-react-applications
- http://neethack.com/2015/10/lets-build-react-dot-js/
- http://nikgraf.github.io/belle/#/?_k=zgft7o
- https://github.com/jasonslyvia/react-menu-aim
- https://github.com/MicheleBertoli/css-in-js
- http://technologyadvice.github.io/where-flux-went-wrong/
- https://github.com/t11e/t11e-reactui
- https://github.com/adazzle/react-data-grid
- http://jspreadsheets.com/
- http://www.clintioo.com/2016/01/03/react-charts-with-chartist-js/
- https://github.com/souhe/reactScrollbar
- http://www.reactexamples.com
- https://github.com/airbnb/javascript/tree/master/react
- https://github.com/coderjonny/react-style-guide
- http://buildwithreact.com/
- http://stackoverflow.com/questions/20870448/reactjs-modeling-bi-directional-infinite-scrolling/20872497#20872497
- https://github.com/tomkp/react-split-pane
- https://github.com/orgsync/react-list
- http://recharts.org/
- http://benchling.engineering/performance-engineering-with-react/
- http://benchling.engineering/deep-dive-react-perf-debugging/
- https://github.com/emmya/fancy-fields
- https://medium.com/outsystems-engineering/virtualizing-the-virtual-dom-pushing-react-further-d76a16e5f209#.vv78p06f7
- https://opensource.appbase.io/reactivesearch/
Projects written in react:
- https://github.com/flipboard/react-canvas, https://news.ycombinator.com/item?id=9029159
- https://github.com/rackt/react-router
- https://github.com/justinwoo/etch-sketch
- https://github.com/KyleAMathews
- https://github.com/enaqx/awesome-react
- https://github.com/andreypopp/react-time
- https://github.com/Khan/react-components
- https://github.com/andreypopp/react-textarea-autosize
- https://github.com/prometheusresearch/react-forms
- https://github.com/andreypopp/react-flexgrid
- https://github.com/gianu/react-fittext
- https://github.com/gaearon/react-dnd
- https://github.com/js-next/react-style
- https://github.com/petehunt/react-gss
- https://github.com/enaqx/awesome-react
- https://github.com/ForbesLindesay/react-code-mirror
- https://github.com/react-bootstrap/react-bootstrap
- https://github.com/reapp/reapp-routes
- https://github.com/ianobermiller/nuclearmail
- https://github.com/js-next/react-style
- https://github.com/mzabriskie/react-draggable
- https://github.com/kitematic/kitematic
- https://github.com/reapp/hacker-news-app
- https://github.com/hasgluten/hasgluten
- https://github.com/FZambia/nelumbo/blob/master/web/app/src/js/app.jsx
- https://github.com/thibaudbe/jscript
- https://github.com/gitboard/gitboard
- http://casesandberg.github.io/react-color/
- https://github.com/bmcmahen/react-wysiwyg
- https://github.com/vasanthk/react-inline-edit
- https://github.com/Automattic/wp-calypso
- https://github.com/luin/medis
- https://github.com/rofrischmann/react-look
- https://github.com/BelkaLab/react-yearly-calendar
- https://github.com/mjibson/moggio
- https://github.com/bvaughn/react-virtualized
npm install -g react-tools jsx -x jsx jsxsrc/ s/js/ --watch
JSX non-dom attributes: key ref dangerouslySetInnerHTML
this.refs.myInput.getDOMNode()
Because reserved words in JavaScript: class => className for => htmlFor
Events: onChange onClick
Go to
index of articles.