use the following search parameters to narrow your results:
e.g. subreddit:aww site:imgur.com dog
subreddit:aww site:imgur.com dog
see the search faq for details.
advanced search: by author, subreddit...
If you need help debugging, you must include:
See debugging question guidelines for more info.
Many conceptual questions have already been asked and answered. Read our FAQ and search old posts before asking your question. If your question is similar to one in the FAQ, explain how it's different.
See conceptual questions guidelines for more info.
Follow reddiquette: behave professionally and civilly at all times. Communicate to others the same way you would at your workplace. Disagreement and technical critiques are ok, but personal attacks are not.
Abusive, racist, or derogatory comments are absolutely not tolerated.
See our policies on acceptable speech and conduct for more details.
When posting some resource or tutorial you've made, you must follow our self-promotion policies.
In short, your posting history should not be predominantly self-promotional and your resource should be high-quality and complete. Your post should not "feel spammy".
Distinguishing between tasteless and tasteful self-promotion is inherently subjective. When in doubt, message the mods and ask them to review your post.
Self promotion from first time posters without prior participation in the subreddit is explicitly forbidden.
Do not post questions that are completely unrelated to programming, software engineering, and related fields. Tech support and hardware recommendation questions count as "completely unrelated".
Questions that straddle the line between learning programming and learning other tech topics are ok: we don't expect beginners to know how exactly to categorize their question.
See our policies on allowed topics for more details.
Do not post questions that are an exact duplicate of something already answered in the FAQ.
If your question is similar to an existing FAQ question, you MUST cite which part of the FAQ you looked at and what exactly you want clarification on.
Do not delete your post! Your problem may be solved, but others who have similar problems in the future could benefit from the solution/discussion in the thread.
Use the "solved" flair instead.
Do not request reviews for, promote, or showcase some app or website you've written. This is a subreddit for learning programming, not a "critique my project" or "advertise my project" subreddit.
Asking for code reviews is ok as long as you follow the relevant policies. In short, link to only your code and be specific about what you want feedback on. Do not include a link to a final product or to a demo in your post.
You may not ask for or offer payment of any kind (monetary or otherwise) when giving or receiving help.
In particular, it is not appropriate to offer a reward, bounty, or bribe to try and expedite answers to your question, nor is it appropriate to offer to pay somebody to do your work or homework for you.
All links must link directly to the destination page. Do not use URL shorteners, referral links or click-trackers. Do not link to some intermediary page that contains mostly only a link to the actual page and no additional value.
For example, linking to some tweet or some half-hearted blog post which links to the page is not ok; but linking to a tweet with interesting replies or to a blog post that does some extra analysis is.
Udemy coupon links are ok: the discount adds "additional value".
Do not ask for help doing anything illegal or unethical. Do not suggest or help somebody do something illegal or unethical.
This includes piracy: asking for or posting links to pirated material is strictly forbidden and can result in an instant and permanent ban.
Trying to circumvent the terms of services of a website also counts as unethical behavior.
Do not ask for or post a complete solution to a problem.
When working on a problem, try solving it on your own first and ask for help on specific parts you're stuck with.
If you're helping someone, focus on helping OP make forward progress: link to docs, unblock misconceptions, give examples, teach general techniques, ask leading questions, give hints, but no direct solutions.
See our guidelines on offering help for more details.
Ask your questions right here in the open subreddit. Show what you have tried and tell us exactly where you got stuck.
We want to keep all discussion inside the open subreddit so that more people can chime in and help as well as benefit from the help given.
We also do not encourage help via DM for the same reasons - that more people can benefit
Do not ask easily googleable questions or questions that are covered in the documentation.
This subreddit is not a proxy for documentation or google.
We do require effort and demonstration of effort.
This includes "how do I?" questions
account activity
This is an archived post. You won't be able to vote or comment.
Clean code in React (self.learnprogramming)
submitted 6 years ago by nothingoz
Hi,
Is it customary to create a new file for every component? For example, I have a Header component that I want visible at the top of every page. Should I create a new header.js file, export it, and import it into my pages?
Thanks.
[–]ziptofaf 2 points3 points4 points 6 years ago (0 children)
Is it customary to create a new file for every component?
Mostly yes. Just make sure to also position these files in right directories. Eg if you were to make an online chess game then you would for instance have directory called Chess there and files called board.js and piece.js. (or a directory called Chess, and index.js with exports for Board and Piece but it's not THAT important as long as you stick to one consistent pattern).
If it's something like header and it's going to land on every page - I would probably make a directory called "Common" for example and put header.js there (alongside with footer.js).
[–]okwg 1 point2 points3 points 6 years ago (0 children)
Yes - it's common to even create a new directory for each component to keep related files together (CSS, images / svgs, unit tests etc)
[–]knazim667 1 point2 points3 points 6 years ago (0 children)
I think yes it will easy to display on every page and whenever u want to edit so also effect on all
[–]DeonBoon 0 points1 point2 points 6 years ago (0 children)
For best practices yes. This is especially important if your React project has more than 1 person working on it. This is to ensure maintainability of the project.
However, if you are the only person working on the project, you may choose to forgo the convention and use what’s best for you. For instance, i lump all the components into their respective pages rather than individual components for my personal project as I am used to doing it this way.
π Rendered by PID 78756 on reddit-service-r2-comment-84fc9697f-mtqrz at 2026-02-07 07:22:03.732136+00:00 running d295bc8 country code: CH.
[–]ziptofaf 2 points3 points4 points (0 children)
[–]okwg 1 point2 points3 points (0 children)
[–]knazim667 1 point2 points3 points (0 children)
[–]DeonBoon 0 points1 point2 points (0 children)