WingNews logo WingNews GitHub [2]
top | item 12802121

Ask HN: What good open source projects written in React that I can learn from?

270 points| GutenYe | 9 years ago | reply

71 comments

order
[+] rarrrrrr|9 years ago|reply
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.

Source is here: https://spideroak.com/solutions/semaphor/source

[+] chrisfosterelli|9 years ago|reply
Although it's cool that they open sourced this, I really wished they would open source their zero-knowledge backup client :(
[+] praveenster|9 years ago|reply
The new Wordpress frontend code seems to be utilizing React:

https://developer.wordpress.com/calypso/

https://github.com/Automattic/wp-calypso

[+] Mchl|9 years ago|reply
It does (also redux), and their repo also contains a lot of useful reading material
[+] pc86|9 years ago|reply
I remember doing a lot of WP consulting in the 2006-12 timeframe. The PHP was (is?) god awful. Difficult to parse, difficult to follow, and followed no discernible best practices. Spaghetti all the way down.

I hope the React is better!

[+] jacobjzhang|9 years ago|reply
My buddy Jason and the Mozilla devtools team have been working on the next version of the Firefox debugger, written in React and Redux:

https://github.com/devtools-html/debugger.html

Open source FTW

[+] jasonlaster11|9 years ago|reply
Thanks!

We'd love to have OSS help. We try to be as beginner friendly as possible.

Getting started is as easy as `npm install; npm start`. Here are our contributing docs - https://github.com/devtools-html/debugger.html/blob/master/C...

We have lots of great "up for grabs" issues for first time contributors - https://github.com/devtools-html/debugger.html/issues?q=is%3.... If you're interested, comment on one of the issues and it's yours.

This week we've had lots of first time contributors and there's a lot of low hanging fruit.

[+] vmasto|9 years ago|reply
I wonder what the reasoning is behind not using JSX.
[+] niftich|9 years ago|reply
I recommend 'debugger.html' [1] from Mozilla.

"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.

Mozilla created this debugger for use in the Firefox Developer Tools."

[1] https://github.com/devtools-html/debugger.html

[+] patsplat|9 years ago|reply
Redux is a great framework for ux development that maps well to architectural patterns like a service bus
[+] OmarIsmail|9 years ago|reply
I highly recommend checking out React Toolbox [http://react-toolbox.com/#/]. It's a horrible name for what it is - but it's a Material Design implementation in React.

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.

[+] indexerror|9 years ago|reply
I'll plug in my project here.

Work in progress: https://github.com/Cloud-CV/cvfy-frontend

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.

[+] derwiki|9 years ago|reply
Is this based on OpenCV? You say "machine learning models", but the Github org says "computer vision as a service". Screenshots would be nice too :)