react-atomic-design
system-design-interview
react-atomic-design | system-design-interview | |
---|---|---|
8 | 12 | |
1,730 | 20,961 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | about 1 year ago | |
JavaScript | ||
- | - |
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-interview
-
Advice on Learning the Cloud
github - https://github.com/donnemartin/system-design-primer, https://github.com/checkcheckzz/system-design-interview, https://github.com/karanpratapsingh/system-design
- Less than 24 hours to prepare for a system design questions for a junior level position. How should I prep?
-
100+ Must Know Github Repositories For Any Programmer
12. System Design Interview
- Are there existing podcasts or videos that talk about the architecture of major applications?
-
Interview Discussion - May 16, 2022
System design questions: at the senior level you'll definitely need to be able to demonstrate system design ability. Explaining your decision making process is key. There are many GitHub compilations for study material, like this one.
- Gehaltsvorstellung Senior Entwickler Google Deutschland?
- Comprehensive list of resources to prepare for job and overview of experience, compensation, and startup equity offers (currently in Bay Area - most companies are HQ'd in Bay Area, but positions are remote)
-
System Design books/website/videos recommendation?
This is what I use. Make sure to watch the Harvard lecture video. https://github.com/checkcheckzz/system-design-interview
-
Need advice
Google General Interview Prep Sys DesignSys design High ScalabilityHigh Scalability GeeksforGeeksgeeksforgeeks
- System design interview for IT companies
What are some alternatives?
front-end-guide - ๐ Study guide and introduction to the modern front end stack.
awesome-scalability - The Patterns of Scalable, Reliable, and Performant Large-Scale Systems
boilerplate - Responsive CSS, HTML and JavaScript front-end starting point, plus components!
low-level-design-primer - Dedicated Resources for the Low-Level System Design. Learn how to design and implement large-scale systems. Prep for the system design interview.
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.
system-design-primer - Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
borrow-ui - A simple component library made with React.
system_design - Preparation links and resources for system design questions
jatayu - A CLI tool to generate production-ready hand-made React Apps.
dsa.js-data-structures-algorithms-javascript - ๐ฅData Structures and Algorithms explained and implemented in JavaScript + eBook