react-atomic-design
system-design-primer
react-atomic-design | system-design-primer | |
---|---|---|
8 | 380 | |
1,730 | 254,953 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | 8 days ago | |
JavaScript | Python | |
- | GNU General Public License v3.0 or later |
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.
system-design-primer
-
10 GitHub repositories that every developer must follow
✅ donnemartin/system-design-primer: https://github.com/donnemartin/system-design-primer
- FAANG - Guia Descomplicado de Entrevistas - parte 2
-
10 GitHub Repos to Become a Better Backend Developer
View on GitHub
-
[Need Recommendation] System design concepts based repos that provide bird's-eye-view
I've been giving interviews for past couple of months and this github repo has helped me so much for system design perspective and I can see myself excelling at interviews. - https://github.com/donnemartin/system-design-primer
- GitHub – system-design-primer: Learn how to design large-scale systems
- FLaNK Stack Weekly for 30 Oct 2023
-
Getting ACL surgery in two day and pretty nervous.
You'll be on opiod's probably the first 1-2 days, so sleeping should be fine. Everything will be allright, don't worry too much. Just use the time now to prepare for the time after, make sure you go through post-surgery-essentials thread. Once you are out of the OR you won't have the energy to think about those details, so make sure you take that prep serious.
-
Tool decision - What architecture would you choose and why?
Tooling isn’t architecture. Figure out what you need to handle both personas and volume/throughput and then lay out the capabilities you’ll need. As you lay out points of ingress, egress, consumption you can start to lay out sequences(think in persona and sequence diagrams to express interactions between services). Lastly, evaluate tools that offer some of these capabilities and weigh the trade-offs (there are always trade-offs: https://github.com/donnemartin/system-design-primer).
-
Is there an EU country which I might work there being an average non-EU developer
[1] https://github.com/donnemartin/system-design-primer [2] https://www.teamblind.com/post/My-Approach-to-System-Design-V4SJARdx
What are some alternatives?
front-end-guide - 📚 Study guide and introduction to the modern front end stack.
Grokking-the-Coding-Interview-Patterns - This course categorizes coding interview problems into a set of 16 patterns. Each pattern will be a complete tool - consisting of data structures, algorithms, and analysis techniques - to solve a specific category of problems. The goal is to develop an understanding of the underlying pattern, so that, we can apply that pattern to solve other problems. [UnavailableForLegalReasons - Repository access blocked]
boilerplate - Responsive CSS, HTML and JavaScript front-end starting point, plus components!
developer-roadmap - Interactive roadmaps, guides and other educational content to help developers grow in their careers.
react-neon-ui-demo - Demo-documentation for react-neon-ui
machine-learning-interview - Machine Learning Interviews from FAANG, Snapchat, LinkedIn. I have offers from Snapchat, Coupang, Stitchfix etc. Blog: mlengineer.io.
eleventy-react - Use React components in Eleventy.
interview - Everything you need to prepare for your technical interview
borrow-ui - A simple component library made with React.
awesome-interview-questions - :octocat: A curated awesome list of lists of interview questions. Feel free to contribute! :mortar_board:
jatayu - A CLI tool to generate production-ready hand-made React Apps.
manim - Animation engine for explanatory math videos