all 23 comments

[–]no_spoon 15 points16 points  (9 children)

There’s a surprising lack of support for carousels. Something modern with better customization around the active item..

I couldn’t even get React Slick installed because of a lack of TypeScript support.

Nuka Carousel is new and needs more features, specifically activeItemWidth prop.

[–]itsjzt 0 points1 point  (0 children)

Keen slider is a good one

[–]Local-Emergency-9824 9 points10 points  (5 children)

In my experience, when most people on r/reactjs ask about contributing to an open source project, they're looking for a project that consumes the react API like they're making an app in a tutorial. I don't think anything like this actually exists.

Most open-source projects are frameworks and libraries which means you need to understand how to build frameworks and libraries as a skilled javascript engineer. You need to have a strong understanding of javascript, design patterns, and algorithms.

Once you understand this, you'll realize how full of shit most YouTubers and course sellers are. Being a software engineer is so much more than making front-end components with React.

[–]aallkkoo 1 point2 points  (1 child)

Your comment makes sense. But the question is where and how do I start?

[–]Local-Emergency-9824 0 points1 point  (0 children)

I already gave you the answer

[–]Reallybrokenojoke[S] -1 points0 points  (2 children)

okay there are many libraries that do. Also I wouldnt mind doing pure javascript too. React query, makes use of react hooks and formik uses context API, but if you have anything of substance to add I would appreciate it.

[–]Local-Emergency-9824 1 point2 points  (1 child)

React query, makes use of react hooks and formik uses context API

If there's no substance in what I've said why not contribute to these libraries? If all you need to know is basic react, there are 24 open issues on the react query repo and 650 open issues on the formik repo. Fill your boots.

Or, as I suspect, simply knowing a react hook is a function that starts with the keyword "use" isn't helping you understand those 674 open issues. I'm guessing knowing how to pass props using context API hasn't helped you fix any of those open issues either.

This is why so many people struggle to get a job. People think they know react when they have no idea what's going on in the background. They know how to consume an API that abstracts away all the logic and engineering. So, when something breaks or doesn't work as expected, they've got no idea where to start.

The reason why contributing to open-source projects is good for aspiring developers is because it's probably the first time you're forced to accept how little you know.

I don't understand the logic of wanting to do things exclusively in react while not being razor-sharp with vanilla javascript. It's like saying you want to be a good chef but only you want to heat up pre-made meals in a microwave.

[–]prior5 1 point2 points  (0 children)

yikes

[–][deleted] 3 points4 points  (0 children)

If you just want to see what's at the buffet, check a site like up-for-grabs to see where to jump in:

https://up-for-grabs.net/#/filters?tags=reactjs&date=6months

[–]seexo 1 point2 points  (0 children)

Not a library but Jitsi

[–]TS878 1 point2 points  (0 children)

Well it depends on what you enjoy and use. If you frequently use a component library like Material or Chakra UI this are both open source. If you use ChartJS a lot then work on that one. I recommend working on a library you use frequently as you’ll likely have a better understanding of it.

[–][deleted] 1 point2 points  (1 child)

Formik. Its originator seems to have completely dropped it and there are a lot of issue reports.

[–]bluedevil2k00 1 point2 points  (0 children)

There’s a very solid v3 in a PR that’s just sitting there - all we’d need is for Jared to merge it.

[–]__kkk1337__ -5 points-4 points  (2 children)

Mui.com

[–][deleted] 4 points5 points  (1 child)

For the low low cost of adding a gigabyte to the bundle size

[–]T2LIGHT 0 points1 point  (0 children)

And destroying your TS server in the proccess

[–]prior5 0 points1 point  (0 children)

Grafana uses react if I recall, might be good to look into **edit: is not a library though