Not sure just what you're looking for, but SpiderOak's Semaphor is a desktop/mobile end-to-end-encrypted Slack alternative where the presentation layer is React, and the client side app backend (networking, crypto, database) is Go. That keeps the React code focused and easy to follow.<p>Source is here: <a href="https://spideroak.com/solutions/semaphor/source" rel="nofollow">https://spideroak.com/solutions/semaphor/source</a>
This is a nice, non-trivial, but not too big project in react and redux:<p><a href="https://github.com/andrewngu/sound-redux" rel="nofollow">https://github.com/andrewngu/sound-redux</a>
Plugging in our own :) A Hearthstone replay engine<p><a href="https://github.com/HearthSim/Joust" rel="nofollow">https://github.com/HearthSim/Joust</a><p>Example: <a href="https://hsreplay.net/replay/rjUdp6iC5FcQmKGmLX35RA" rel="nofollow">https://hsreplay.net/replay/rjUdp6iC5FcQmKGmLX35RA</a>
The new Wordpress frontend code seems to be utilizing React:<p><a href="https://developer.wordpress.com/calypso/" rel="nofollow">https://developer.wordpress.com/calypso/</a><p><a href="https://github.com/Automattic/wp-calypso" rel="nofollow">https://github.com/Automattic/wp-calypso</a>
My buddy Jason and the Mozilla devtools team have been working on the next version of the Firefox debugger, written in React and Redux:<p><a href="https://github.com/devtools-html/debugger.html" rel="nofollow">https://github.com/devtools-html/debugger.html</a><p>Open source FTW
FormidableLabs (<a href="https://github.com/FormidableLabs" rel="nofollow">https://github.com/FormidableLabs</a>) is doing some very good work in the React ecosystem. Here are projects that I'm particularly excited about:<p>1. Spectacle (<a href="https://github.com/FormidableLabs/spectacle" rel="nofollow">https://github.com/FormidableLabs/spectacle</a>), Presentation Library<p>2. Victory (<a href="https://github.com/FormidableLabs/victory" rel="nofollow">https://github.com/FormidableLabs/victory</a>), Graphing Library<p>3. Radium (<a href="https://github.com/FormidableLabs/radium" rel="nofollow">https://github.com/FormidableLabs/radium</a>), Component Styling
I'm currently building a React app while trying to explain how/what I do in weekly(-ish) videos. You can find the source code (along with links to videos) on github: <a href="https://github.com/yamalight/building-products-with-js" rel="nofollow">https://github.com/yamalight/building-products-with-js</a>
I recommend 'debugger.html' [1] from Mozilla.<p>"debugger.html is a hackable debugger for modern times, built from the ground up using React and Redux. It is designed to be approachable, yet powerful. And it is engineered to be predictable, understandable, and testable.<p>Mozilla created this debugger for use in the Firefox Developer Tools."<p>[1] <a href="https://github.com/devtools-html/debugger.html" rel="nofollow">https://github.com/devtools-html/debugger.html</a>
I highly recommend checking out React Toolbox [<a href="http://react-toolbox.com/#/" rel="nofollow">http://react-toolbox.com/#/</a>]. It's a horrible name for what it is - but it's a Material Design implementation in React.<p>There are simple components, and then more complicated concepts like higher-order components and factories. It has very good documentation, and is under active development.
I'll plug in my project here.<p>Work in progress: <a href="https://github.com/Cloud-CV/cvfy-frontend" rel="nofollow">https://github.com/Cloud-CV/cvfy-frontend</a><p>It is a platform to build pipelines to showcase machine learning models on the web. You select input components, output components, and use the cvfy-lib python client to connect all these.
You might be interested in building React apps that support plugins safely: <a href="https://nylas.com/blog/react-plugins/" rel="nofollow">https://nylas.com/blog/react-plugins/</a><p>The code is also open source: <a href="http://github.com/nylas/n1" rel="nofollow">http://github.com/nylas/n1</a><p>(I work at Nylas)
ES6 React with react-router, server side rendering, and Webpack code splitting + tree shaking. It's based on the "huge-app" example from the react-router project.<p><a href="https://github.com/5tefan/universal-react-demo" rel="nofollow">https://github.com/5tefan/universal-react-demo</a>
A website and user system starter. Server side is built with hapi.js. The front-end is built with React. Redux as the state container. Client side routing with React Router.<p><a href="https://jedireza.github.io/aqua/" rel="nofollow">https://jedireza.github.io/aqua/</a><p><a href="https://github.com/jedireza/aqua" rel="nofollow">https://github.com/jedireza/aqua</a>
I have a video series with source code, you can follow along if you want.<p>Videos:
<a href="https://www.codemy.net/channels/react-foundation" rel="nofollow">https://www.codemy.net/channels/react-foundation</a><p>Source Code:
<a href="https://github.com/codemy/invoiced-ui" rel="nofollow">https://github.com/codemy/invoiced-ui</a>
We wrote slack-like app for reddit called Breaker and the front-end is written in React:<p>- <a href="http://breakerapp.com/r/breakerapp" rel="nofollow">http://breakerapp.com/r/breakerapp</a><p>- <a href="http://github.com/larvalabs/breaker" rel="nofollow">http://github.com/larvalabs/breaker</a>
Admin-on-rest: Admin GUI for REST APIS, using react + redux + react-router + saga + material ui<p><a href="https://github.com/marmelab/admin-on-rest" rel="nofollow">https://github.com/marmelab/admin-on-rest</a><p>Contains documentation and unit tests, plus a few neat react tricks (like a custom React-router Route component and an accumulator saga), documented there:<p>* <a href="http://marmelab.com/blog/2016/09/20/custom-react-router-component.html" rel="nofollow">http://marmelab.com/blog/2016/09/20/custom-react-router-comp...</a>
* <a href="http://marmelab.com/blog/2016/10/18/using-redux-saga-to-deduplicate-and-group-actions.html" rel="nofollow">http://marmelab.com/blog/2016/10/18/using-redux-saga-to-dedu...</a>
If you're interested in component composition, react-bootstrap is a good one to look at for ideas:<p><a href="https://github.com/react-bootstrap/react-bootstrap" rel="nofollow">https://github.com/react-bootstrap/react-bootstrap</a><p>They are also accepting of new contributors.
Sentry (<a href="https://github.com/getsentry/sentry" rel="nofollow">https://github.com/getsentry/sentry</a>) has a React frontend but it's a big enough project that it's less ideal for learning.
I had this same question awhile back: <a href="https://news.ycombinator.com/item?id=12497202" rel="nofollow">https://news.ycombinator.com/item?id=12497202</a><p>Just leaving this here for reference and as a resource.
Metabase is written in React:
<a href="https://github.com/metabase/metabase" rel="nofollow">https://github.com/metabase/metabase</a>
Mattermost[1]: Open-source Slack alternative written in React and Go.<p>[1] <a href="https://www.mattermost.org" rel="nofollow">https://www.mattermost.org</a>
parse-dashboard: <a href="https://github.com/ParsePlatform/parse-dashboard" rel="nofollow">https://github.com/ParsePlatform/parse-dashboard</a><p>It even has user interface guidelines for the components.
<a href="https://github.com/madou/armory-react" rel="nofollow">https://github.com/madou/armory-react</a><p>A Guild Wars 2 Armory. Fairly impressive. You can view it live too <a href="https://gw2armory.com/" rel="nofollow">https://gw2armory.com/</a>
I don't know how much you can learn from it, but here is a react + three.js project I've done for testing: <a href="https://github.com/alexadam/bridges" rel="nofollow">https://github.com/alexadam/bridges</a>
MASAS - "Make A Sound And Share" www.masas.fm<p><a href="https://github.com/masasfm" rel="nofollow">https://github.com/masasfm</a><p>All I know is that it written in react and by what seems to be three, very passionate, brothers.<p>"MASAS.fm is going to be a platform on which all of an Artist's needs, from creating music, to getting it discovered, to selling it and playing at live events, can be met, for free. Thus eliminating the need for all the vicious middlemen that have placed themselves between Artists and their fans. Together, we can build that platform, one that will truly help all Artists, without ripping them off of their music rights!"<p>www.MASAS.fm
For another type of application, you can check brave browser source code <a href="https://github.com/brave/browser-laptop" rel="nofollow">https://github.com/brave/browser-laptop</a>
Facebook has some great tutorials and examples on their site: <a href="https://facebook.github.io/react/tutorial/tutorial.html" rel="nofollow">https://facebook.github.io/react/tutorial/tutorial.html</a><p>Also: I would highly recommend getting familiar with both npm and Babel/ES6/ES2015 -- even if you're not a node developer.<p>I found that understanding the tech was one thing, but when I actually started building my own projects I sought out community help with specific questions I had.<p>Have fun!
Ill plug our new project, Desklamp. Its a replacement for the Redux + React Router standard. These two just weren't built to work with each other and so take a lot of extra code. Desklamp solves this problem by delivering a single library that handles both state and routing.<p>check it out here <a href="https://github.com/desklamp-js/desklamp" rel="nofollow">https://github.com/desklamp-js/desklamp</a> and feel free to make pull requests and submit issues.<p>good luck in your tech journey
I build this trivial SPA front end <a href="https://github.com/javascript-obfuscator/javascript-obfuscator-ui" rel="nofollow">https://github.com/javascript-obfuscator/javascript-obfuscat...</a> to a Node.js package.<p>demo here: <a href="https://javascriptobfuscator.herokuapp.com" rel="nofollow">https://javascriptobfuscator.herokuapp.com</a><p>It has just two reducers, uses redux-promise-middleware to make one ajax call, and uses Semantic-UI for the UI.
Hi!
Here is the top 100 of the most rated react apps in Github:
<a href="https://airtable.com/shrB7DlRYXDlU23a6" rel="nofollow">https://airtable.com/shrB7DlRYXDlU23a6</a>
And the article that describes how I obtained this list:
<a href="https://medium.com/@sAbakumoff/react-entourage-6d51e7df9944#.mekyvmx36" rel="nofollow">https://medium.com/@sAbakumoff/react-entourage-6d51e7df9944#...</a>
Presenter Club is written in React/Redux:<p><a href="https://gitlab.com/presenter.club/presenter.club/tree/master/static/jsx" rel="nofollow">https://gitlab.com/presenter.club/presenter.club/tree/master...</a><p><a href="https://www.presenter.club/" rel="nofollow">https://www.presenter.club/</a>
<a href="https://github.com/callemall/material-ui" rel="nofollow">https://github.com/callemall/material-ui</a> is a great collection of components -- there's perhaps some insight into how to make (and document!) reusable components, since the project is built to be a component library for others' use
I built my own react-cellar to learn react, redux, typescript, and so on.<p>GitHub: <a href="https://github.com/ayxos/react-cellar" rel="nofollow">https://github.com/ayxos/react-cellar</a>
Web: <a href="https://react-cellar.herokuapp.com/" rel="nofollow">https://react-cellar.herokuapp.com/</a>
WordPress.com front end is written with React. It's one of the biggest React projects, and it is used in production. We are actively developing on GitHub and trying develop out in the open.<p><a href="https://github.com/Automattic/wp-calypso" rel="nofollow">https://github.com/Automattic/wp-calypso</a>
If you are looking for more of a learning project (and in typescript) I converted Wes bos' react tutorial series for my own learning <a href="http://www.github.com/ryanluker/typed-catch-of-the-day" rel="nofollow">http://www.github.com/ryanluker/typed-catch-of-the-day</a>
<a href="https://pokedextracker.com" rel="nofollow">https://pokedextracker.com</a> is written in react<p><a href="https://github.com/robinjoseph08/pokedextracker.com" rel="nofollow">https://github.com/robinjoseph08/pokedextracker.com</a>
Octopush - A simple GUI for Capistrano built on React and Redux with server-side rendering<p><a href="https://github.com/octahedron/octopush" rel="nofollow">https://github.com/octahedron/octopush</a>
I helped out a lot with this codebase, it's well on its way to becoming a production React SPA:<p><a href="https://github.com/Linode/manager" rel="nofollow">https://github.com/Linode/manager</a>
Sentry is also a nice non-trivial one: <a href="https://github.com/getsentry/sentry/search?l=JSX" rel="nofollow">https://github.com/getsentry/sentry/search?l=JSX</a>
You can't miss this one:
<a href="https://github.com/airbnb/react-dates" rel="nofollow">https://github.com/airbnb/react-dates</a><p>Provided by Airbnb.
We have a bunch of open source react apps in <a href="https://github.com/auth0-extensions" rel="nofollow">https://github.com/auth0-extensions</a>
I found this tutorial really really helpful: <a href="http://academy.plot.ly/#react" rel="nofollow">http://academy.plot.ly/#react</a>
f8app - <a href="https://github.com/fbsamples/f8app" rel="nofollow">https://github.com/fbsamples/f8app</a><p>React Native, but same idea. There's also an excellent set of posts at <a href="http://makeitopen.com/" rel="nofollow">http://makeitopen.com/</a> which run through how it was built and why.<p>It's responsible for a lot of my 'aha' moments about Flow type-checking and Redux.