react-atomic-design
nodebestpractices
react-atomic-design | nodebestpractices | |
---|---|---|
8 | 73 | |
1,730 | 96,436 | |
- | - | |
0.0 | 7.6 | |
over 1 year ago | 10 days ago | |
JavaScript | Dockerfile | |
- | Creative Commons Attribution Share Alike 4.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-atomic-design
-
Atomic design
https://github.com/danilowoz/react-atomic-design maybe this as an example
-
The Art of Writing Ugly Code That Works, Then Beautifying It for Optimal Functionality
Once I started learning about software development best practices such as the SOLID principles, Atomic Design, abstraction and design patterns my first instinct when writing any piece of new code was to write beautiful code from the very beginning. I wanted to make sure that my code was readable, maintainable, and scalable. However, I quickly realized that this approach was not only time-consuming but also led to frustration. I was spending too much time trying to make my code look perfect, and not enough time focusing on getting the job done. This got worse when I started working on larger projects with more complex code and TypeScript, where typing can be a bit tedious for reusable components.
-
100+ Must Know Github Repositories For Any Programmer
2. React Atomic Design
-
Questions about using useCallback
React's biggest selling point is _declarative composability_. If you want to split functionality into other components, _just make other components_. It is common (and probably best) practice to design components [atomically](https://danilowoz.com/blog/atomic-design-with-react). If you need to share state between them, _hoist that state to a common ancestor_ component and pass it down through props. If you need props from a much more general location, you can look at using contexts, although be careful about this as they have some significant drawbacks.
- Atomic Design Examples?
- Atomic design & react question
-
React architecture
I feel like this frees you up to use things like Atomic design with your components, which helps on the more folder-structure side of things.
- [React] How do you structure your Components directory? I have a lot of components now and I have no idea how to separate them into different directories.
nodebestpractices
-
10 GitHub Repos for Mastering JavaScript
Repository: goldbergyoni/nodebestpractices
- 18 Must-Bookmark GitHub Repositories Every Developer Should Know
-
ReactJS, NextJS and the modern frontend community (Rant)
ah, but there is one more reason to return await. have a read.
-
10 GitHub Repos to Become a Better Backend Developer
View on GitHub
- Node.js Best Practices
-
Fastify Typescript Boilerplate with Redis and RabbitMQ
Flat structure: check out the structure recommended by node best practices, and check out how Nest.js does the structure. The more layers you add, the more complex navigation with the flat structure becomes. With the component structure, it stays easy to use no matter how many components and layers you have.
-
sql best practices
I am looking for a resource like https://github.com/goldbergyoni/nodebestpractices. I know Sql but I want to learn best practices. Can you recommend me resources for this?
-
Difference between services and middleware
Also, while learning nodejs + express, have a read on the best practices here.
-
Searching for NodeJS Interview preparation material
Assuming you have fundamentals in place this repo of best practices can help line things up and link you to areas where you need improvement. https://github.com/goldbergyoni/nodebestpractices
-
I admit it - I don't really understand what's going on with Node.js with regard to "single threadedness". Please help me understand.
Please don't call node.js single-threaded as this is not true and is annoying. To take advantage of CPUs, this could help.
What are some alternatives?
front-end-guide - 📚 Study guide and introduction to the modern front end stack.
numjs - Like NumPy, in JavaScript
boilerplate - Responsive CSS, HTML and JavaScript front-end starting point, plus components!
parquetjs - fully asynchronous, pure JavaScript implementation of the Parquet file format
react-neon-ui-demo - Demo-documentation for react-neon-ui
domain-driven-hexagon - Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included
eleventy-react - Use React components in Eleventy.
jest-image-snapshot - ✨ Jest matcher for image comparisons. Most commonly used for visual regression testing.
borrow-ui - A simple component library made with React.
oas-tools - NodeJS module to manage RESTful APIs defined with OpenAPI 3.0 Specs over express servers.
jatayu - A CLI tool to generate production-ready hand-made React Apps.
clean-code-javascript - :bathtub: Clean Code concepts adapted for JavaScript