└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # List for Open Source React , Redux apps. 2 | This is a collection of open source apps built with React.JS library. 3 | 4 | Open source projects can be useful both for beginners to learn from reading code and for advanced programmers to save time by using existing code. 5 | The aim of this collection is to let you pick great projects right away without having to spend hours of searching. 6 | Note that React UI components, boilerplates, tools and frameworks are separated out to make this curation specific to full-working apps built with React. 7 | 8 | Feel free to Fork Project. 9 | 10 | ## Real World Apps   11 | 12 | - [it's quiz wall](https://github.com/WebbyLab/itsquiz-wall) - https://itsquiz.com/ 13 | There are a lot of tutorials and boilerplates showing how to write isomorphic ReactJs applications. But when it comes to real world apps, you'll find that all the turorials do not cover problems that you face in productions apps. 14 | In [WebbyLab](https://webbylab.com) , we have a lot of projects written in react and several isomorphic projects. So, it was decides to develop one of these projects on github. So, everyone can see how real-world production isomorphic app can be implmemented. 15 | 16 | - [Sound Redux](https://github.com/andrewngu/sound-redux) - https://soundredux.io 17 | a simple Soundcloud client 18 | 19 | - [FaveSound](https://github.com/rwieruch/favesound-redux) - https://favesound.de 20 | The SoundCloud Client in React + Redux made with passion! 21 | Uses redux, redux-thunk, normalizr, react, lodash-fp, airbnb-extended eslint, enzyme and the Soundcloud API. 22 | Comes with a [comprehensive guide](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/) to get started. 23 | 24 | - [Monitaure.io](https://github.com/Bertrand31/Monitaure) - https://monitaure.io 25 | A server monitoring progressive web app, made with React and Redux. 26 | It uses react, redux, react-router, a Service Worker and the Google Cloud messaging push API to send notifications to desktop computers and mobile phones, Babel and Webpack. Plus other fancy stuff. 27 | 28 | 29 | ## Clone Apps 30 | 31 | - [React-News](https://github.com/echenley/react-news) - http://henleyedition.com/react-news/ 32 | This is a real-time Hacker News clone written using React, RefluxJS, and a Firebase backend. 33 | 34 | 35 | ## Experimental Apps 36 | 37 | - [Remember](https://github.com/paulhoughton/remember/) - https://paulhoughton.github.io/remember/ 38 | Offline web app to remember locations 39 | 40 | - [Mortgage](https://github.com/paulhoughton/mortgage/) - http://paulhoughton.github.io/mortgage/ 41 | Mortgage overpayment calculator using React, Redux and D3 4.0 42 | 43 | - [React Calculator](https://github.com/benoitvallon/react-native-nw-react-calculator) - http://benoitvallon.github.io/react-native-nw-react-calculator 44 | Mobile, desktop and website Apps with the same code 45 | This project shows how the source code can be architectured to run on multiple devices. As of now, it is able to run as: 46 | * iOS & Android Apps (based on react-native) 47 | * a Desktop App based on NW or based on Electron 48 |    * a Website App in any browser (based on react) . 49 |    **This project uses libraries and tools like:**   50 | * es6 syntax and babel 51 | * react for the Website App and Desktop App, 52 | * react-native for the iOS & Android Apps 53 | * NW to package the Desktop App 54 | * Electron to package the Desktop App 55 | * flux to organize the data flow management 56 | * css-loader to integrate the styles in the builds 57 | * grunt to create the builds 58 | * webpack to help during the development phase with hot reloading 59 | --------------------------------------------------------------------------------