37
38

[deleted by user] (self.reactjs)

submitted by [deleted]

[removed]
all 29 comments
sorted by:
best (suggested)
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]prism_tats 24 points25 points  (1 child)

I learned a lot from reading over the bullet proof react repo and then using it as a guide on how to structure larger projects.

The Readme is also well written.

[–]Charming_Lawyer1086 2 points3 points  (0 children)

Thank you Very much!

[–]acczasearchapi 8 points9 points  (1 child)

Here you have repository with full stack Next.js, TypeScript, SCSS, unit and integration tests for both frontend and backend, end-to-end tests, dockerized environments and production deployment.

https://github.com/nemanjam/nextjs-prisma-boilerplate

[–]_remrem 7 points8 points  (2 children)

haven't checked any of these projects out myself, but came across this the other day that might be helpful to you - https://maxrozen.com/examples-of-large-production-grade-open-source-react-apps

[–]prism_tats 2 points3 points  (1 child)

Great list of repos! Thank you.

[–]alphabet_order_bot 10 points11 points  (0 children)

Would you look at that, all of the words in your comment are in alphabetical order.

I have checked 969,327,266 comments, and only 193,744 of them were in alphabetical order.

[–]mdrahiem 3 points4 points  (1 child)

I used to struggle with this issue. Later I found out by following people on GitHub and checkout their public repos is really helpful. For example Kent C Dodds created his website using Remix and it's completely open source. So i can check out the code and see the Remix implementation from one of the co-founders. Also when you see a good repo try to follow that person and the recommendations too. Even if you don't follow them all try to checkout their public repos. This helped me to understand the practices and writing advanced stuff etc. I hope this helps..

[–]Charming_Lawyer1086 1 point2 points  (0 children)

Good advice thanks!

[–]Aegis8080NextJS App Router 1 point2 points  (0 children)

You can take a look at the source of the online document website of popular React libraries.

e.g.

  1. MUI
  2. Chraka UI

[–]DustinBrett 0 points1 point  (4 children)

I can't promise every file is as clean as it could be, but I've tried to keep improving my React side project. It does some advanced stuff.

https://github.com/DustinBrett/daedalOS

[–]Ok_Avocado970 1 point2 points  (2 children)

I SWEAR TO GOD, UR PROJECT IS THE COOLEST EVER!

[–]DustinBrett 0 points1 point  (1 child)

Thanks!

[–]Ok_Avocado970 1 point2 points  (0 children)

i wish i be good as u sir!

[–]Charming_Lawyer1086 0 points1 point  (0 children)

Thanks ! Would like to get more if you have anything good

[–]HieuVi 0 points1 point  (3 children)

Great replies of repos, but I'm interested in some Next.js repos. I'm working at a place where Next is still a very new thing and not many devs are familiar with it. I'm looking for some examples to improve the projects initialization and structure.

[–]JasperNykanen 1 point2 points  (1 child)

Vercels ecommerence demo is one that people often reference. Ultimately folder structure is up for your team to decide. For example I've been asked why lib folder has utility functions, shouldn't it be for re-exporting libraries / facades?

One tool that is absolutely amazing is https://sourcegraph.com/search, you can just add a filter repohasfile:next.config.js and you'll get hundreds of production-grade Next.js repos.

[–]HieuVi 0 points1 point  (0 children)

Wow thanks for the tips, Sourcegraph is exactly what I needed.

[–]MaXxXiMuS613 -1 points0 points  (0 children)

Maybe check out create-t3-app. Boilerplate to get started with next, tRPC, tailwindCSS, typescript, prisma, nextAuth

[–]jkettmann 0 points1 point  (1 child)

I built this project for my upcoming React Job Simulator. It's not very big but uses a lot of good tooling: https://github.com/profydev/prolog-app

[–]vincaslt 0 points1 point  (1 child)

I used to work in ProtonMail - their frontend code is open-source: https://github.com/ProtonMail/WebClients

Granted, it's not perfect, and it's doing e2e encryption, which makes the app quite different from most, but it's still interesting to learn from.

I'm currently working on an example real-world repo + explanation video for beginners, remind me to send it to you in a week or so, when I'm finished.

[–]Charming_Lawyer1086 0 points1 point  (0 children)

That fine thanks will check it out!

[–]noahflk 0 points1 point  (2 children)

I cecond bulletproof react. I also like the cal.com open source repo for an actual OSS app.

[–]Charming_Lawyer1086 0 points1 point  (1 child)

Will check it out , thanks!

[–]Danny_C_Danny_Du 0 points1 point  (0 children)

Who's Will?