Giters

webcrumbs-community / webcrumbs

Build, re(use) and share your own JavaScript plugins that effortlessly match your website's style. ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ 🌟 Star to support our work!

Home Page:https://webcrumbs.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Explore Performance Optimization Techniques for React

webcrumbs-community opened this issue · comments

commented

Hello, speed demons! WebCrumbs aims to be sleek and fast. We need your help in finding the best ways to optimize React apps for performance.

What Needs to Be Done?

  • Research common performance issues in React apps.
  • Investigate methods for optimizing performance.
  • Summarize your findings in a markdown file.
  • Open a pull request to add this research into our Research/ directory.

Why Is This Important?

  • Sets us on the path to building a highly optimized product.
  • Helps us educate the community on performance best practices.

Skills Needed

  • Basic understanding of React and JavaScript.
  • Research skills to evaluate and summarize techniques.

Ready to help WebCrumbs fly? Zoom over to our WebCrumbs GitHub repo and help us soar!

commented

@webcrumbs where are react apps, can you please tell me and also assign me this issue?

commented

Hi, @shubhalgupta! It's more like a theoretical question. What do you think about choosing one issue first and then select another? What's your favorite? Cheers!

commented

@webcrumbs-community Hello I am interested in this issue as I just did a bit of digging on frontend optimization. Please assign it to me and thank you!

commented

@aizhuxue007 That's great! What do you think about taking one issue at a time? I'm afraid you'll be overloaded!

commented

@webcrumbs-community seems nobody has been assigned to this issue
I would like to work on this one

commented

If you'd like working on this one together, I think this issue can really benefit from multiple perspectives. I'd suggest @AJBrownson take a first look and perhaps @aizhuxue007 and @shubhalgupta could add on later. What do you think?

commented

@webcrumbs-community Sounds like a plan!

Regarding the two issues.. If you give me 3 weeks, I might be done with both, maybe sooner.. I got 3 other guys helping me as well haha.

commented

@AJBrownson I'm doing well. Hbu?

So far I created a markdown file and wrote down the steps to complete this issue.

  1. Gather resources
  2. Read through them
  3. First draft
  4. Edit
  5. Send PR

I have a Discord server with several other open source contributors, it's fairly active. If you would like to join lmk!

commented

@aizhuxue007 okay
Still collating and reading resources on my own end

The discord server stuff sounds like fun
I'm interested

commented

@shubhalgupta hello
Seems you've been pretty busy this past few days
How's it going?

commented

Hello @AJBrownson! Glad you are interested. I'm not sure how to message you privately.

This is the discord server.

https://discord.gg/yEukrcVm

commented

@shubhalgupta hello Seems you've been pretty busy this past few days How's it going?

Hello! Yes, I was not well since last week, hence didn't showed up!

commented

Hello everyone! I want to provide a progress update for this issue. So far, I read like 3 articles specific to frontend and React optimization and took notes.

I think this markdown can be an extensible list of ways to optimize load time and other performance enhancements to a React App. Meaning, @shubhalgupta and @AJBrownson can add more ways to speed up a React App.

I plan to add like 10 ways to improve an React app in this format.

  1. A Way to Optimize
  • Defining the Problem / Bottleneck
  • Solutions
  1. A Way to Optimize
  • Defining the Problem / Bottleneck
  • Solutions

Let me know what you all think! Thanks

commented

This is great. Performance is really key as it is something people usually complain about WordPress. Really something for us to always have in mind. Specific performance tips for Module Federation are also welcome. Cheers!

commented

@aizhuxue007 sounds good to me
Write it up so I and @shubhalgupta can add our contributions

commented

@AJBrownson @shubhalgupta I just sent my PR for this issue just now.
https://github.com/webcrumbs-community/webcrumbs/pulls

If it merges, please git pull it to your local repo to contribute!
Path to file -> research/Performance Optimization Techniques for React.md

Have a great weekend!

commented

Guys, brilliant work from @aizhuxue007! https://github.com/webcrumbs-community/webcrumbs/blob/main/research/Performance%20Optimization%20Techniques%20for%20React.md

This is a must read for all React projects, I'd say, not only WebCrumbs.

I don't have anything to add. I'm just highlighting some passages in bold to remember later.

See if this is ok to close or if you'd like to add anything.

Happy weekend!

@AJBrownson @shubhalgupta @vbrazo

commented

Ok! I'm closing this one. But let us know anytime if you have something to add. Cheers!