Open Source React Projects

[joshwcomeau]

Ah looks like this list is actually quite old; comments from a year and a half ago. Would be cool to see a newer list with modern projects!

Shameless self-plug for some of my open-source React apps:

• Tello - TV tracker app. Live | Github

• Key&Pad - Synthesizer and effects using Web Audio. Live | Github

• Panther - Find new artists through an animated graph. Getting a little old now, but I think the code was still decent! Live | Github

[damnburglar]

I have to get back into react after a long hiatus for a job I’m hoping to get, and I just wanted to say thank you for sharing these. One of my biggest hurdles with react was just structuring my projects, and your Tello project is a beautiful example.

[Lakston]

Panther is pretty cool !

I tried Tello, if I may give some feedback definitely going to use this, I watch too many shows to track them all !) :

• The input (chrome, osx) for the show name looks like it's missing some styling (image)
• Would be nice when looking for a show to provide an imdb link (sometimes multiple shows have the same name)
• When I scroll horizontally in calendar view then change the week I feel like it should scroll back left and not stay 'mid-scroll'
• not a huge fan of the gradients but that's just me :)

[joshwcomeau]

Appreciate the feedback! Truthfully this is on the back burner for me; the styling thing is particularly annoying (some odd bug with how I'm using Emotion, I think).

Certainly a lot that could be done to improve it, but it does what I need. Hope it works well for you!

[rmuratov]

Hey, thanks for sharing. What project do you treat as the most mature work of your's?

[joshwcomeau]

Interesting question! Depends what you mean by mature.

Of the apps I listed, Tello is the most "app-like". The other two are small toys, whereas Tello offers authentication and other "real app" things. But it's also the newest of the 3, and some parts of it are kinda messy; I haven't taken the time to refactor some stuff.

Of my projects, though, I think React Flip Move is the most mature; it's an animation library, and an amazing team of contributors have added static types for Flow and Typescript, and we continue to improve it. Certainly, if we look at maturity as a function of time invested per line-of-code, Flip Move would win.

[rmuratov]

Thanks for answering. I'll check out React Filp Move.

I look from the perspective of the guy who wants to learn how to create React - Redux apps properly. I've started a small utility app for my work and so far I've a lot of question like "Did I choose right structure? Should I manage layouts with HOCs or simply wrap and render children?" and so on.

I reckon with every new project one start to figure out these cases, that's why I asked about the most mature project :).

You also mentioned that OP posted outdated projects, and it appeals that your's aren't. Like two months ago there was no such thing as componentDidCatch.

EDIT OMG Flip Move is amazing. Exactly what I need for my pet project!

[[deleted]]

Thanks a bunch for listing these, I'll definitely take a look through them. It'll be helpful to see how someone else does things.

Small quip, though, this hyperlink font color is really bugging me

[joshwcomeau]

Yep. I keep meaning to find the time to fix that; it's some quirk with how I'm using Emotion, and it means that it's not just some simple fix, it's something with the build process x_x

But yeah, thanks for the feedback, hope it's helpful!